IE 5.1MacFloats . . . aren't floating

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.


[head-left] 
    [head-right]

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"> 
<html> 
<head> 
<title>Mac 5.1</title> 
<style type="text/css"> 
body, html { 
 margin:0;  
 padding:0; 
} .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;  
} 
</style> 
</head> 
<body> 
 <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> 
 <div id="head-left"><img src="images/header-left.gif" width="370" height="84" alt=""></div> 
 <div class="clr"></div> 
 </div> 
</body> 
</html>

IE 5.1MacFloats . . . aren't floating

rocknbil

ahmedtheking

rocknbil

ahmedtheking

Span

rocknbil

Join The Conversation

Moderators and Top Contributors

Hot Threads This Week