[css-d] Float problem in IE
It's not a good CSS day for me. My site was working fine in IE6 7 until I started cleaning some things up today. I received some help from Ingo earlier, adding overflow: hidden to the main_nav's ul li a styles to fix a problem in FF, but I don't think that has anything to do with the new problem, because it still exists if I remove the attribute. Here's my second problem of the day: the floated main navigation links are dropping down incrementally in IE 6, and are doing the same in IE 7, but also hiding all but the top link in IE 7 behind an image in the div below. The problem exists throughout the site. Here's the link: http://www.hadseldesign.com , and here's the main navigation style sheet: http://www.hadseldesign.com/common/main_nav.css . I've checked the site in latest versions of Firefox (Windows XP and Mac OSX), Safari, and Opera on Mac OSX, and I don't see any problems. Thanks again, Janie __ css-discuss [EMAIL PROTECTED] 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] Float problem in IE
Here's my second problem of the day: the floated main navigation links are dropping down incrementally in IE 6, and are doing the same in IE 7, but also hiding all but the top link in IE 7 behind an image in the div below. Hi Janie, Try changing the LI elements of your navigation to inline as in: #main_nav UL { FLOAT: right; MARGIN-RIGHT: 20px; LIST-STYLE: none } #main_nav UL LI { DISPLAY: inline } Regards, Kepler Gelotte __ css-discuss [EMAIL PROTECTED] 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] Float problem in IE
Hi all, I'm hoping someone can help me out with this. My layout is a two-column with opposing floats (float: left, float: right). All was well until I decided to add a right floating box into the right-floating column. It renders as it should (or as I expect it to - not always the same thing) in FF, NS and Opera. In IE, the box floats to the right but the text doesn't flow around it. I've spent the day trying everything I know how to do, and I sure would appreciate another set of eyes on the page if anyone could take the time. I'm thinking it has something to do with all those floats, but I'd like to be wrong! The html and css validate. The page can be found here: http://tinyurl.com/3anvnc Thanks in advance for any help, Bill Scheider __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Float problem in IE
bill scheider wrote: In IE, the box floats to the right but the text doesn't flow around it. http://tinyurl.com/3anvnc Delete the width on those paragraphs - at least for IE, as the width acts as a 'hasLayout' trigger, making each paragraph a rigid block in IE. There's no way around this effect of the 'Layout' bug but to avoid triggering it. Use margins or paddings to line up those paragraphs as intended. regards Georg -- http://www.gunlaug.no __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] float problem in IE v. FF
As usual, my code works perfectly in FF but breaks in IE. I know that's a shocker to you-all. Can someone point out what I need to do to fix this? I have the following code--- div id=header div style=float: left; img src=images/headers/winter_header.gif width=560 height=150 alt=Roanoke Virginia Real Estate Listings //div div style=background-color: #009ACF; height: 101px; width: 100%;/div /div In FF the second div is moving up beside the first div as it should. In IE it isn't. See here-- http://www.roanokehousehunter.com/ Help!! marty __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Float Problem in IE Mac... display:inline-block
Spoke too soon... I've fixed the problem in IE 5.2 where the right floated content dropped below the left floated content when you resized the window using * htmlbody div.floatbox {float:none; display:inline-block} However, I'm now getting this problem (screenshot): http://www.vandevelde.co.uk/WebAlbum/IEMac.tiff when the window is smaller than the content. When you make the width of the browser window wider it moves into the correct place... Help! I'm determined to get this to work, so any solutions would be appreciated Cheers, Tracy From: Tracy Shorrock [EMAIL PROTECTED] Thank you for the link, it lead me to a page which helped solve my IE 5.2 problem as well. http:// www.vandevelde.co.uk/WebAlbum/safari1.tiff http://www.vandevelde.co.uk/WebAlbum/index.html http://www.vandevelde.co.uk/WebAlbum/presentation.css http://www.vandevelde.co.uk/WebAlbum/layout.css __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/