Re: [css-d] Horizontal scrollbar bug on Safari/FF for div#nav a la Cederholm Bulletproof scalable navigation

On Mar 29, 2006, at 4:05 PM, Rob Newman wrote: >> Firefox, Safari and Opera 9TP2, and Konqueror, iCab, andmaybe some >> more all have a default *padding-left* on a and . >> >> #nav {padding:0;} will solve all your problems. >> >> (and delete that overflow thing on body.) > > Thanks for the promp

Re: [css-d] Horizontal scrollbar bug on Safari/FF for div#nav a la Cederholm Bulletproof scalable navigation

--- Philippe Wittenbergh <[EMAIL PROTECTED]> wrote: > > On Mar 29, 2006, at 3:43 PM, Rob Newman wrote: > > > I have a site I am making: http://www.variandesigns.com > > > > I have implemented the Scalable Navigation from Dan Cederholm's > > 'Bulletproof > > Web Design' book, but have a proble

Re: [css-d] IE7B2 calculates the containing box of absolutely positioned elements wrong?

Tom wrote: > Check out: http://tomabuct.googlepages.com/CSS20.htm > I cannot verify this in the recent build of IE7 Mar 20 (build 7.0.5335.5). Looks nearly identical to Fx1.5. IE7 still has box model problems, but I think this particular one was fixed after build 7.0.5296.0. (In this Jan31 bui

Re: [css-d] IE display problem(s)

From: "Connor Boyack" <[EMAIL PROTECTED]> >Everything else I've fixed, but I'm still having the height issue. IE >won't respond to the min-height property. If I set the height as >400px, for example, then it won't expand it greater than 400px - so if >the content is longer, it gets chopped off.

Re: [css-d] Horizontal scrollbar bug on Safari/FF for div#nav a la Cederholm Bulletproof scalable navigation

On Mar 29, 2006, at 3:43 PM, Rob Newman wrote: > I have a site I am making: http://www.variandesigns.com > > I have implemented the Scalable Navigation from Dan Cederholm's > 'Bulletproof > Web Design' book, but have a problem with a horizontal scrollbar in > Safari and > FF (Win). I have man

[css-d] Horizontal scrollbar bug on Safari/FF for div#nav a la Cederholm Bulletproof scalable navigation

Hi everyone, This is my first post to the list so please be gentle :) I have a site I am making: http://www.variandesigns.com I have implemented the Scalable Navigation from Dan Cederholm's 'Bulletproof Web Design' book, but have a problem with a horizontal scrollbar in Safari and FF (Win). I ha

[css-d] IE7B2 calculates the containing box of absolutely positioned elements wrong?

Check out: http://tomabuct.googlepages.com/CSS20.htm The spec states under 10.3.7 - Absolutely positioned, non-replaced elements: >'left' + 'margin-left' + 'border-left-width' + 'padding-left' + 'width' + 'padding-right' + 'border-right-width' + 'margin-right' + 'right' = width of containing bloc

[css-d] is it possible

Hiya all... sorry again is it possible to make the "here" words inside "cntbody" without adding another div tag inside it? without disturbing the layout? i tried adding padding and margin but they push out the image eg. to make the text appear as if it was aligned with a margin of about 1

[css-d] CSS -FireFox vs IE gap in footer -Solved

It was the div inside the footer.. thanks anyway.. Abyss __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css

[css-d] CSS -FireFox vs IE gap in footer

Hi all, I have been struggling at this for hours, can someone please tell me why there is a gap here!? the gap only appears in FF not in IE please! http://www.abyss.ws/wpv3.zip its only about 14kbs atfirst i thought it was the "noscript" tag but when i moved that, it did not solve the pro

Re: [css-d] Gap in list

On 3/28/06, Holly Bergevin <[EMAIL PROTECTED]> wrote: > From: "Joanne" <[EMAIL PROTECTED]> > > >There is a small gap between the top image and the > >first navigation item in IE & Firefox, but it displays fine in Opera. > > >http://www.sparrowdog.com/bti > > add your choice of {vertical-align: bott

Re: [css-d] Full height column

> Hmmm. Well, the scroll bar on the right is no problem. And your idea > is actually the best I have come accross. However, I did find one > drawback with it: The user can mousewheel down (at least in firefox > 1.5) even if overflow is set to none and there are no scroll bars. > This is actually a

Re: [css-d] Gap in list

From: "Joanne" <[EMAIL PROTECTED]> >There is a small gap between the top image and the >first navigation item in IE & Firefox, but it displays fine in Opera. >http://www.sparrowdog.com/bti add your choice of {vertical-align: bottom;} OR {display: block;} to a selector that matches - #p7PMnav

Re: [css-d] Help with line spacing

Michelle Tarby wrote: > I'm hoping for some help or guidance with some text positioning issues > on a menu I'm working with. I'm struggling to get some space between > list items that wrap onto a second line (If I'm not explaining that > clearly, you can look at http://wwwdev.lemoyne.edu/academ

Re: [css-d] Full height column

On 3/28/06, Zak Owen <[EMAIL PROTECTED]> wrote: > Ah! One option is to use a size greater than 100% for the height of the div. > I'm not sure how things like this sit with keeping in compliance with > standards, but setting your div's height to, say, 120%, should do the > trick. The drawback, of co

Re: [css-d] was horizontal Scrolling Now Font sizes - arizon

On 06/03/28 15:59 Terri Chicko apparently typed: > Thank you for your response. Yes I really am pretty lost with all > this css stuff. I'm just guessing... don't cringe. I've figured out > how to use Golive so it writes the code for me. That's all. > So I read or at least skimmed all the artic

Re: [css-d] Problem with background color change on hover

Thanks so much! This worked perfectly. On 3/28/06, cj <[EMAIL PROTECTED]> wrote: > > delete the padding from you , as this is going to make the links > not fill the entire area. then change your link code to: > > #navigationlinks li a { > display: block; > padding: 4px; >

[css-d] menu with animated .gifs and Safari

I'm trying to reproduce the look and feel of an existing menu for an elementary school. The existing one is an image, dreamweaver-sliced and placed into a table, which isn't easy to edit. The result is at http://tohunga.net/css-d/about.html Css is http://tohunga.net/css-d/menu164.css , with o

Re: [css-d] dynamic menus and z-index? (formerly More SOS)

[EMAIL PROTECTED] wrote: > http://spppa.littleberrystudio.com For Firefox&Co, #nav li ul {z-index:1} should solve the problem of text+borders peeking through in flyouts of preceding elements. For IE, I don't have a solution, since IE establishes a new stacking context for each relatively po

Re: [css-d] was horizontal Scrolling Now Font sizes

On Mar 27, 2006, at 10:19 PM, Felix Miata wrote: > Now let's clear up a more serious problem. You're creating a very bad > accessibility problem, particularly for high resolution IE users, by > sizing text in px. The best thing to do is not size most text at all. > Here's what you've done as I see

Re: [css-d] expanding divs

jeremy wrote: > I am trying to understand how a DIV expands based on the content > inside of it. > http://silencematters.com/studio/dave/kaplow/search_test.html 'Collapsing margins'[1] is going on, and the result can be quite confusing. It *is* standard behavior, so you'll just have to "work it"

Re: [css-d] IE Highlighting Bug

Colin Sheaff wrote: > I'm sure I could suss this out with enough hours of research and > trial-and-error tweaking of the site, but I would love to resolve this quicker > so I ask for your help. > > http://www.canastamusic.com/press > For some reason when using the mouse to highlight text (to copy

Re: [css-d] Problem with background color change on hover

Kimberley Wilcox wrote: > This is probably a newbie mistake (I'm still learning CSS), > but I am having trouble with changing the background-color for > a:hover on my list items. I would like for the whole block to > change from gray to white, and currently only the area behind > the text changes c

Re: [css-d] Problem with background color change on hover

delete the padding from you , as this is going to make the links not fill the entire area. then change your link code to: #navigationlinks li a { display: block; padding: 4px; } this will give you the padding you took off the , and it will make the link a block element,

[css-d] Problem with background color change on hover

This is probably a newbie mistake (I'm still learning CSS), but I am having trouble with changing the background-color for a:hover on my list items. I would like for the whole block to change from gray to white, and currently only the area behind the text changes color. You can see the problem in

Re: [css-d] rounded box help in IE

jeremy wrote: >So, I am having trouble with this rounded box. > >I made up a simplified test page: >http://silencematters.com/studio/dave/kaplow/search_test.html > >IE is adding aroun 10px to the top and bottom images in these DIVs. Why >is that? > >any help is much appreciated > >Jeremy >[and i

[css-d] expanding divs

I am trying to understand how a DIV expands based on the content inside of it. http://silencematters.com/studio/dave/kaplow/search_test.html Here i have a DIV, and within it.. I have a paragraph that I would like to add margin and padding to. I am expecting the div that it is to expand with it.

[css-d] Validating Frameset

Now you can validate your frameset pages with framespacing="0" for Internet Explorer in your frameset pages. Read all of the following page including the "Horizontal Scrollbars". http://dwight.clickthesky.com/hacksandfilters/validatingframeset.shtml -- Please visit all of my websites: http://dwig

[css-d] wordpress OEM footer

I've noticed that my wordpress blog footer sidebar images align or don't align, depending on the width of the view port. example: http://www.skeymedia.com/ Resize and watch the footer. This was tested in firefox 1.5 Any ideas? __

Re: [css-d] Gap in list (Joanne)

>5. Gap in list (Joanne) Joanne, In your list, remove the white space between that first li and the second li. That will get rid of your white space. I always tend to style my ul menus like this: LinkLinkLink That always seems to solve the problem for me. Hope it helps. Bill Brown __

[css-d] mixed-up on how to address layout and image issues in IE (PC / Mac)

Hello, As a semi-long time lurker, but first-time poster, please forgive any unintended missteps of etiquette, retreading of well-worn questions, or other general silliness on my part... I have been going in circles trying to make a liquid layout (and image display) work properly in Internet Expl

Re: [css-d] Clearing 2 floated content areas

> http://www.itu.dk/people/antl/Webdesign_06/vestervold148/test1/vestervold148_v2/hjem.html > > > First, the white color behind the tabbed navigation does not extend > to the far right of the page as it does in Firefox, for example. I > thought I'd fixed this by giving the #nav div a fixed width

[css-d] rounded box help in IE

So, I am having trouble with this rounded box. I made up a simplified test page: http://silencematters.com/studio/dave/kaplow/search_test.html IE is adding aroun 10px to the top and bottom images in these DIVs. Why is that? any help is much appreciated Jeremy _

Re: [css-d] Full height column

Yeah, I figured it could be done with tables (I used to do it years back.) But there must be a way to do it while still complying with standards. Tables are really a bad thing to use in this case. I use them in the schedule part of the site to present tabulated data since that's what they were made

[css-d] Margins with nested DIVs in FF

Hey all, I'm looking for some help with funky margin issues in FF. Amazingly enough, IE is displaying everything just fine. Here's a link to what I'm working on: http://www.id.iit.edu/~colbath/StratCon06/about.html You can see the div with the "more..." graphic isn't aligning with the header div

Re: [css-d] silverorange tabs modification help?

>> I'd like to use the Silver Orange tabs example as an idea for a >> site I'm working on, but I would like to create a column on the >> left that spans from top to bottom and expands vertically with the >> rest of it. >> http://labs.silverorange.com/archives/2004/may/updatedsimple > But don't

[css-d] How to force a line break inside

Hi, Im trying to force a line break inside a label, any1 knows how to do that? I use the legend to labl a formulary, the problem is that the text is too long and it dosn't break into a new line, the legend box literally keep growing overflowing the formulary box. Any one can give me any hint?

[css-d] Offset border

I like the 1 px offset border around the tables. I already have my tables in place. Is it possible to achieve the same effect with CSS without using transparent gifs? TIA __ css-discuss [EMAIL PROTECT

Re: [css-d] Peer Review Request: MacNimble.com Holy Grail Template

On 28/03/06, Bill Brown/Jessica Weinberg <[EMAIL PROTECTED]> wrote: > The link is http://www.macnimble.com It doesn't always work in Safari. That is, the first time I checked this, it didn't give me a scroll bar so I couldn't see anything more of it. I refreshed and then ended up with just the hea

[css-d] Clearing 2 floated content areas

Hi all, I know there are a million articles on the subject, but I am stumped. On a previous incarnation of this page I sucessfully used the footer div to clear the tow opposingly floated content areas. Recently, I updated the code to center the content in the browser. This caused 2 problems in E

Re: [css-d] silverorange tabs modification help?

On 3/28/06, john <[EMAIL PROTECTED]> wrote: > Hello. I'm kinda new here, although I've been reading the list from > time to time when I've been needing some help. Now it's time for me > to ask a question. :) > > I'm feeling like I'm having some kind of brain lapse...as if I really > should know h

[css-d] lis and nested anchor tag background image problem

Hello, I'm creating a template that lists out product categories as a floated grid. The problem is i want each to have a background-image of a picture frame and the nested tag to have a background-image that sits underneath the frame. I've tried z-indexing with no luck but the only solut

Re: [css-d] silverorange tabs modification help?

john wrote: > I'm feeling like I'm having some kind of brain lapse...as if I really > should know how to do this, but it's just not coming to me. > > I'd like to use the Silver Orange tabs example as an idea for a site > I'm working on, but I would like to create a column on the left that > spans f

Re: [css-d] Peer Review Request: MacNimble.com Holy Grail Template

Bill Brown/Jessica Weinberg wrote: > I have my own sort of Holy Grail template up and running. I'd > love some feedback on the site, the code, the design, blah > blah blah. > The link is http://www.macnimble.com I haven't looked at the code, but I like the result. The only point of criticism I

Re: [css-d] Peer Review Request: MacNimble.com Holy Grail Template

Bill Brown/Jessica Weinberg wrote: > I'd love some feedback on the site, the code, the design,...] > The link is http://www.macnimble.com > Bill > Bill, Obviously you are not a newcomer. It is a well conceived, and well executed series of layouts.A couple of notes, none having to do with CSS.

[css-d] Styling a & its

I have a layout with a left column that is 150px. In that column is a database generated drop down box. What I am noticing is that if some of the text in the options is too long a visitor sees an ellipse (.) at the end. Such as this New Chapter Vita. The word Vitamins got cut off. Can it be such t

Re: [css-d] Gap in list

Your css is extrememly hard to read-it scrolls across when I try to view it in Firefox- however- based on someone elses advice to someone else yesterday, I'd say you need to specify height for everything affected in your menu - I checked your css and did not see height- but it would have been easy

[css-d] Gap in list

I have added an image in tags to both the top and the bottom of a menu (based on PVII's PMM). There is a small gap between the top image and the first navigation item in IE & Firefox, but it displays fine in Opera. There is no gap between the last menu item and the bottom image. Can anyone tell m

Re: [css-d] 3 Column fluid and equal layout (Kenoli Oleari)

Hi Kenoli. I just finished a template which does exactly that and more. You can check it out at http://www/macnimble.com if you like. The key for Internet Explorer for me was using floats and negative margins. It seems your goals are similar to mine. You can get the code (and in fact a complete zi

[css-d] Peer Review Request: MacNimble.com Holy Grail Template

Hey folks. This is my second post to this list, so please excuse the newb approach. If I'm messing something up by posting incorrectly or whatever, I promise to only make the mistake once. I recently embarked on the big CSS changeover on my personal site. I've used CSS based layouts before on cli

Re: [css-d] DIV width not the same in IE and FF > missing FF-scrollbar

Holly Bergevin wrote: >From: "Jay Blanchard" <[EMAIL PROTECTED]> > > >>http://www.pocket.com/index20060323.php >> >>If you will look at this page, as well as clicking on the terms or >>privacy links in IE and then FF you will see that FF renders the width >>of div.wide correctly (width here is r

[css-d] silverorange tabs modification help?

Hello. I'm kinda new here, although I've been reading the list from time to time when I've been needing some help. Now it's time for me to ask a question. :) I'm feeling like I'm having some kind of brain lapse...as if I really should know how to do this, but it's just not coming to me. I'd lik