[css-d] container width problem in IE6 - found mistake
Dear All, I found my mistake - a *html width set further down on the style sheet. Thanks for your help, Kris __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] two column data
I am working to change my web site from XHTML Transitional to XHTML Strict which requires more css. One of my pages was working with the transitional but gave me 130+ errors when converted. Now the layout is wrong. There should be two columns, one with the text to the left and rows of three photos to the right extending down the right side of the page. I have been trying changes for days to get it correct but I've run out of ideas. Both the XHTHL page and the css pages validate. Is there something simple that I'm missing? Any ideas would be appreciated. The web page is at: http://www.wayneactorscommunitytheatre.org/archive/joseph/bios/actors_bios.h tml The css pages are at: http://www.wayneactorscommunitytheatre/css __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] two column data
14. jan. 2009 18.05 skrev James E. Darfler jim_darf...@wideopenwest.com: The web page is at: http://www.wayneactorscommunitytheatre.org/archive/joseph/bios/actors_bios.h tml The css pages are at: http://www.wayneactorscommunitytheatre/css I'm absolutely no expert in this matter, but have you tried to give your div's some css, something like float:left and float:right? And I've never seen divs placed in a table before, but if's validating I've learnt something new. -- Regards / Mhv. Ib K. jensen - http://ikjensen.dk __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] two column data
James E. Darfler wrote: I am working to change my web site from XHTML Transitional to XHTML Strict which requires more css. One of my pages was working with the transitional but gave me 130+ errors when converted. Now the layout is wrong. There should be two columns, one with the text to the left and rows of three photos to the right extending down the right side of the page. I have been trying changes for days to get it correct but I've run out of ideas. Both the XHTHL page and the css pages validate. Is there something simple that I'm missing? Any ideas would be appreciated. The web page is at: http://www.wayneactorscommunitytheatre.org/archive/joseph/bios/actors_bios.h tml Hi James, I think the issues are with the HTML, not with the CSS. Your image table begins on a new row in your table, so it won't show up /next/ to the name list, but rather below it. If you want to continue using tables, you might try reconfiguring your HTML to this sort of setup: table tr tdnames in lt;ulgt;/td tdphotos in lt;tablegt;/td /tr /table -or- table tr tdthree names in lt;ulgt;/td tdthree photos in lt;tablegt;/td /tr !-- Later, rinse, repeat -- /table An alternative is to put everything in a list, with the photos attached to each name, like the way Windows displays tiles and thumbnails. I've uploaded a re-working of the code here if you're curious about this sort of thing: http://www.webdevelopedia.com/cssd/wact-proposed.html Hope it helps. Bill __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] two column data
James E. Darfler wrote: Any ideas would be appreciated. The web page is at: http://www.wayneactorscommunitytheatre.org/archive/joseph/bios/actors_bios.h tml 'There's more than one way to skin a cat.' http://www.css-zibaldone.com/articles/gallery/examples/final/final.html http://css.maxdesign.com.au/floatutorial/tutorial0407.htm http://www.maxdesign.com.au/presentation/definition/dl-image-gallery.htm __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] two column data
Ib Jensen wrote: And I've never seen divs placed in a table before, but if's validating I've learnt something new. FYI, and completely unrelated to the case at hand: One can put whatever - short of the html/body elements - in a table and make it validate. A valid confirmation only means one hasn't seriously misspelled the words in the language or placed them in a totally unacceptable order. The code and/or outcome don't have to make sense. So, be careful with what you learn from other people's code - regardless of whether it's valid or not, and check what the specs actually says about using specific elements on their own and together. Otherwise you may unknowingly just learn how to make dumb validators lie to you, and that has a tendency to backfire over time. regards Georg -- http://www.gunlaug.no __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] two column data
James E. Darfler wrote: http://www.wayneactorscommunitytheatre.org/archive/joseph/bios/actors_bios.html A bit problematic to debug as is: http://jigsaw.w3.org/css-validator/validator?uri=http://www.wayneactorscommunitytheatre.org/archive/joseph/bios/actors_bios.htmlwarning=1profile=css21 Georg -- http://www.gunlaug.no __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] two column data
Not quite right for me. The names may not have a corresponding photo and the photos may not have a corresponding bio. There isn't a one to one here. As for keeping the tables, it's what I have been using but I would change to a more css format if that would work better. Could you steer me in the right direction? -Original Message- From: Bill Brown [mailto:macnim...@gmail.com] Sent: Wednesday, January 14, 2009 1:11 PM To: James E. Darfler Cc: css-d@lists.css-discuss.org Subject: Re: [css-d] two column data James E. Darfler wrote: I am working to change my web site from XHTML Transitional to XHTML Strict which requires more css. One of my pages was working with the transitional but gave me 130+ errors when converted. Now the layout is wrong. There should be two columns, one with the text to the left and rows of three photos to the right extending down the right side of the page. I have been trying changes for days to get it correct but I've run out of ideas. Both the XHTHL page and the css pages validate. Is there something simple that I'm missing? Any ideas would be appreciated. The web page is at: http://www.wayneactorscommunitytheatre.org/archive/joseph/bios/actors_bios.h tml Hi James, I think the issues are with the HTML, not with the CSS. Your image table begins on a new row in your table, so it won't show up /next/ to the name list, but rather below it. If you want to continue using tables, you might try reconfiguring your HTML to this sort of setup: table tr tdnames in lt;ulgt;/td tdphotos in lt;tablegt;/td /tr /table -or- table tr tdthree names in lt;ulgt;/td tdthree photos in lt;tablegt;/td /tr !-- Later, rinse, repeat -- /table An alternative is to put everything in a list, with the photos attached to each name, like the way Windows displays tiles and thumbnails. I've uploaded a re-working of the code here if you're curious about this sort of thing: http://www.webdevelopedia.com/cssd/wact-proposed.html Hope it helps. Bill __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] two column data
James E. Darfler wrote: Not quite right for me. The names may not have a corresponding photo and the photos may not have a corresponding bio. There isn't a one to one here. As for keeping the tables, it's what I have been using but I would change to a more css format if that would work better. Could you steer me in the right direction? Well, tables and CSS are not mutually exclusive. That is, they can be used together, though using them for layout is generally frowned upon by the CSS Overlords. You could certainly keep your tables and style them to some extent using CSS. Your tables, however, are in place to supply a certain layout, in place of using CSS. They are failing to do that and that issue lies with the source. In short, because you are using tables for layout, your issue has to be resolved at the source level (where the tables are coded) and not at the style level (where CSS is introduced). I'm not sure why you're so quick to write off the ul based solution. Why not use a no-photo-available graphic for actors who have't provided a headshot, and use a span in lieu of an anchor for actors who haven't provided a bio or resume? This would give you a greater separation of content and presentation. __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] two column data
That is a good idea using the ul bases solution. When I get some time I think I'll try modifying the page to use that. In the meantime, since I'm still trying to learn this css stuff, is there a good css solution to the problem that you could point me to? -Original Message- From: Bill Brown [mailto:macnim...@gmail.com] Sent: Wednesday, January 14, 2009 2:20 PM To: James E. Darfler Cc: css-d@lists.css-discuss.org Subject: Re: [css-d] two column data James E. Darfler wrote: Not quite right for me. The names may not have a corresponding photo and the photos may not have a corresponding bio. There isn't a one to one here. As for keeping the tables, it's what I have been using but I would change to a more css format if that would work better. Could you steer me in the right direction? Well, tables and CSS are not mutually exclusive. That is, they can be used together, though using them for layout is generally frowned upon by the CSS Overlords. You could certainly keep your tables and style them to some extent using CSS. Your tables, however, are in place to supply a certain layout, in place of using CSS. They are failing to do that and that issue lies with the source. In short, because you are using tables for layout, your issue has to be resolved at the source level (where the tables are coded) and not at the style level (where CSS is introduced). I'm not sure why you're so quick to write off the ul based solution. Why not use a no-photo-available graphic for actors who have't provided a headshot, and use a span in lieu of an anchor for actors who haven't provided a bio or resume? This would give you a greater separation of content and presentation. __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] two column data
I did some more work on the page and your thoughts got me thinking again. I have now gotten the page the way I wanted it by changing some of the table parts around. Thank you for your input and if there's a better way than tables to do this I would love to learn about it. -Original Message- From: Bill Brown [mailto:macnim...@gmail.com] Sent: Wednesday, January 14, 2009 1:11 PM To: James E. Darfler Cc: css-d@lists.css-discuss.org Subject: Re: [css-d] two column data James E. Darfler wrote: I am working to change my web site from XHTML Transitional to XHTML Strict which requires more css. One of my pages was working with the transitional but gave me 130+ errors when converted. Now the layout is wrong. There should be two columns, one with the text to the left and rows of three photos to the right extending down the right side of the page. I have been trying changes for days to get it correct but I've run out of ideas. Both the XHTHL page and the css pages validate. Is there something simple that I'm missing? Any ideas would be appreciated. The web page is at: http://www.wayneactorscommunitytheatre.org/archive/joseph/bios/actors_bios.h tml Hi James, I think the issues are with the HTML, not with the CSS. Your image table begins on a new row in your table, so it won't show up /next/ to the name list, but rather below it. If you want to continue using tables, you might try reconfiguring your HTML to this sort of setup: table tr tdnames in lt;ulgt;/td tdphotos in lt;tablegt;/td /tr /table -or- table tr tdthree names in lt;ulgt;/td tdthree photos in lt;tablegt;/td /tr !-- Later, rinse, repeat -- /table An alternative is to put everything in a list, with the photos attached to each name, like the way Windows displays tiles and thumbnails. I've uploaded a re-working of the code here if you're curious about this sort of thing: http://www.webdevelopedia.com/cssd/wact-proposed.html Hope it helps. Bill __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] two column data
James E. Darfler wrote: Any ideas would be appreciated. The web page is at: http://www.wayneactorscommunitytheatre.org/archive/joseph/bios/actors_bios.h tml James, would this work for you? http://www.chelseacreekstudio.com/ca/cssd/test-80.html __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] two column data
Thank you. I like that. I'll give it a try on the next page I need with more than one column. -Original Message- From: David Laakso [mailto:da...@chelseacreekstudio.com] Sent: Wednesday, January 14, 2009 3:40 PM To: James E. Darfler Cc: css-d@lists.css-discuss.org Subject: Re: [css-d] two column data James E. Darfler wrote: Any ideas would be appreciated. The web page is at: http://www.wayneactorscommunitytheatre.org/archive/joseph/bios/actors_bios.h tml James, would this work for you? http://www.chelseacreekstudio.com/ca/cssd/test-80.html __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Think I worked out the bugs
Thanks much to Kate, Gunlaug and Bill for their help on http://earthpedal.com. A work in progress. Again, thanks much. John Shepard __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Think I worked out the bugs
2009/1/14 John Shepard j...@unitedmontessori.com: Thanks much to Kate, Gunlaug and Bill for their help on http://earthpedal.com. A work in progress. I don't know if it's just me. But could you consider changing the :hoover color to something different. I'm just seing a White line, in FF3, when I'm looking / pointing at it. And a larger font-size in the Footer, please. -- Regards / Mhv. Ib K. jensen - http://ikjensen.dk __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Dont understand float drop
Hello, Ive been trying to work out why I have a float drop in IE6 (but not in IE7, 5.5, or Firefox (Windows)). Ive spent hours scouring the code and searching online, but cant work it out. I seem to remember dealing with this before on another project, but I think I just fixed with trial and error and didn't really understand how I got it working. I would really like to be able to understand what Ive done wrong, so I can learn from it and avoid it in the future. (The page in question is still in progress, so there are some unfinished items on the page.) http://www.fionahayward.com/visionprint/untitled2.html is the page in question Regards Fiona __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Dont understand float drop
Fiona Hayward wrote:
Ive been trying to work out why I have a float drop in IE6 (but not in IE7,
5.5, or Firefox (Windows)).
http://www.fionahayward.com/visionprint/untitled2.html
Hi Fiona,
Looks like you've got something flowing out of one of your column boxes.
This fixes it:
#left,#content,#right{overflow:hidden}
...but you may also want to target exactly what it is causing the overflow.
Hope it helps.
Bill
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Dont understand float drop
Bill wrote
Hi Fiona,
Looks like you've got something flowing out of one of your column boxes.
This fixes it:
#left,#content,#right{overflow:hidden}
...but you may also want to target exactly what it is causing the overflow.
Hope it helps.
Bill
Thanks Bill
It did fix it, but Im really not sure why.
Maybe Ive just been looking at it for too long to see what would be flowing
out. The images in the middle box (#content) were too long, but I fixed
those and it was still happening
Regards
Fiona
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Dont understand float drop
Fiona wrote Thanks Bill It did fix it, but Im really not sure why. Maybe Ive just been looking at it for too long to see what would be flowing out. The images in the middle box (#content) were too long, but I fixed those and it was still happening Ignore that last post - I found the offending article. It was an image that I overlooked at the bottom of the page. Just wondering though, why was IE6 the only browser that dropped the float Regards Fiona __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Random padding in firefox...
Hey all, I've got a weird bug that I can't figure out. Our website, www.frozenmountain.com, shows the behaviour. If you visit the site, check out #header. You'll notice that it has a 1px top padding. What's bizarre is, if you remove the padding, the spacing jumps about an extra 10px. I can't for the life of me figure out why. It only happens in FF3 (well..only being liberal, I've only tested in FF and IE so far). Anyone have any ideas? -- Jerod Venema Frozen Mountain Software http://www.frozenmountain.com/ 919-368-5105 __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Random padding in firefox...
Jerod Venema wrote:
I've got a weird bug that I can't figure out. Our website,
www.frozenmountain.com, shows the behaviour. If you visit the site, check
out #header. You'll notice that it has a 1px top padding. What's bizarre is,
if you remove the padding, the spacing jumps about an extra 10px. I can't
for the life of me figure out why. It only happens in FF3 (well..only being
liberal, I've only tested in FF and IE so far).
Anyone have any ideas?
Hi Jerod--
Collapsing Margin Bug.
Try this:
#header {
overflow: hidden;/* -- ADD */
/* padding-top: 1px; -- REMOVE */
}
Hope it helps.
--Bill
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE not hiding overflow?
| On Wed, Jan 14, 2009 at 7:04 PM, Daniel Hammond | dan...@objectivedesigns.com wrote: | I have three things for you guys to look at. IE6 and IE7 | are the only | browsers having this problem. | | Here's the first thing: | URL: http://www.studentremix.org/ms/index.htm | CSS: http://www.studentremix.org/ms/ms.css | Screenshot of the problem: http://www.studentremix.org/issues/ms.jpg | The red arrows show what's going wrong. There is a little | bit of blue | extending down below the nav bar. It's not supposed to do | that. View the | page in FF, Opera, Safari, or Chrome to see how it's | supposed to look. | | It's probably not a case of failing to hide overflow but of it making | the element larger than you expect. Slap on a red border as a test and | I bet it will be beneath your unwanted bit of blue. | Richard Ok, that may be so, but do you (or anyone else) know how I can fix the problem? Thanks, Daniel __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE not hiding overflow?
Daniel Hammond wrote:
Here's the first thing:
URL: http://www.studentremix.org/ms/index.htm
CSS: http://www.studentremix.org/ms/ms.css
Screenshot of the problem: http://www.studentremix.org/issues/ms.jpg
The red arrows show what's going wrong. There is a little bit of blue
extending down below the nav bar. It's not supposed to do that. View the
page in FF, Opera, Safari, or Chrome to see how it's supposed to look.
The hasLayout trigger [1] for IE/7 (will not effect compliant
browsers) is:
#nav {
/*height:29px; */
min-height: 29px;
}
The hasLayout trigger [1] for IE/6 is:
* html #nav {
overflow: visible;
}
I did not look at the second or the third thing you wrote about...
[1] http://www.satzansatz.de/cssd/onhavinglayout.html
~d
--
A thin red line and a salmon-color ampersand forthcoming.
http://chelseacreekstudio.com/
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE not hiding overflow?
| Daniel Hammond wrote:
| Here's the first thing:
| URL: http://www.studentremix.org/ms/index.htm
| CSS: http://www.studentremix.org/ms/ms.css
| Screenshot of the problem: http://www.studentremix.org/issues/ms.jpg
| The red arrows show what's going wrong. There is a little
| bit of blue
| extending down below the nav bar. It's not supposed to do
| that. View the
| page in FF, Opera, Safari, or Chrome to see how it's
| supposed to look.
|
|
|
| The hasLayout trigger [1] for IE/7 (will not effect compliant
| browsers) is:
| #nav {
| /*height:29px; */
| min-height: 29px;
| }
| The hasLayout trigger [1] for IE/6 is:
| * html #nav {
| overflow: visible;
| }
| I did not look at the second or the third thing you wrote about...
| [1] http://www.satzansatz.de/cssd/onhavinglayout.html
| ~d
That didn't do it. When I added those to my CSS, it didn't affect IE7 and
made the unwanted extra blue span the entire width of the nav bar in IE6.
Any other ideas?
Thanks,
Daniel
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE not hiding overflow?
| Daniel Hammond wrote: | | | That didn't do it. When I added those to my CSS, it didn't | affect IE7 and | made the unwanted extra blue span the entire width of the | nav bar in IE6. | Daniel | | | Seems to work on this end in IE/6 and IE/7. | Please see: | http://chelseacreekstudio.com/ca/cssd/one.htm | Or have I misunderstood the issue? Yes, I think you have misunderstood. I do *not* want that extra bit of blue under the navbar. Look at the site in Firefox, and you'll see how it's supposed to look. Thanks, Daniel __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE not hiding overflow?
Daniel Hammond wrote: Yes, I think you have misunderstood. I do *not* want that extra bit of blue under the navbar. Look at the site in Firefox, and you'll see how it's supposed to look. Thanks, Daniel Then I share your puzzlement. Someone else will need provide a fix :-) . -- A thin red line and a salmon-color ampersand forthcoming. http://chelseacreekstudio.com/ __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE not hiding overflow?
Daniel Hammond wrote:
URL: http://www.studentremix.org/ms/index.htm There is a little bit
of blue extending down below the nav bar.
Delete...
#nav a, #nav strong {
position: relative;
}
...and also delete the...
* html #nav {
overflow: visible;
}
IE's bug is that elements with 'position: relative' declared on them
will overflow containers with 'overflow: hidden' declared - visibly but
without taking up space. This overflow bug is sometimes exploited as
part of the cure for IE6' auto-expansion bug, but in your case it does
no good.
regards
Georg
--
http://www.gunlaug.no
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
