homepage Welcome to WebmasterWorld Guest from
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Pubcon Platinum Sponsor 2014
Home / Forums Index / Code, Content, and Presentation / CSS
Forum Library, Charter, Moderators: not2easy

CSS Forum

IE 5.1MacFloats . . . aren't floating

 6:30 am on Dec 16, 2006 (gmt 0)

Only in IE 5.1 for Mac: Clearly two divs, one floats left, one right, but they don't . . . float. Whatever I put first in the document, one gets bumped below the other, breaking the layout.


Like so.
I know IE for Mac 5.1 is outdated and deprecated, but it still turns up in my logs now and then. I've got this working fine in every other major browser, just IE 5.1 for Mac.

Does anyone spot a problem?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<title>Mac 5.1</title>
<style type="text/css">
body, html {

.clr { clear: both; }

#header {
width: 100%;
background-image: url(images/header-bg.jpg);
background-repeat: repeat-x;
clear: both;
min-width: 650px;
#head-left { width: 370px; } /* added float:left here, to no avail */

#head-right {
float: right;
width: 250px;
font-weight: 700;
text-align: center;

#head-right p { margin:0; padding: 6px 24px 0 0; }

#right-cap {
width: 250px;
float: right;
clear: both;
margin-bottom: 12px;
text-align: right;
<div id="header">
<div id="head-right">
<div id="right-cap"><img src="images/header-right.gif" width="230" height="20" border="0" alt=""></div>
<p>PO Box 123 &middot; somewhere 12345</p>
<p>phone &middot; <a href="mailto:m">mailto</a></p>
<div id="head-left"><img src="images/header-left.gif" width="370" height="84" alt=""></div>
<div class="clr"></div>



 6:55 pm on Dec 16, 2006 (gmt 0)

Fudge IE mac, it's discontinued!


 8:34 pm on Dec 16, 2006 (gmt 0)

LOL . . . so productive! :-) I agree. It just . . .bugs me. . . . .


 11:14 pm on Dec 16, 2006 (gmt 0)

Sorry man, yea not very productive. Thing is, I just don't bother with it anymore. I mean i've been trying to fight all the IE Mac bugs for over 3.5 years now, and now it's discountinued, it's like a load off my shoulders! I just can't be arsed with it anymore! Know what I mean? And it's not like the mac user who's using IE on mac, can't just switch to Safari or even FireFox.


 12:40 am on Dec 17, 2006 (gmt 0)

in your #header div there's a "clear:both;". That's the problem..


 4:40 am on Dec 17, 2006 (gmt 0)

So it was, THANK YOU! What was I thinking! No more 3AM development! :-(

Another table-less layout passes the acid test . . .

Global Options:
 top home search open messages active posts  

Home / Forums Index / Code, Content, and Presentation / CSS
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved