Add explicit widths and it should work just fine.
Float needs an explicit width unless you're floating an image.
(Images have an intrinsic width.)
dcm
On Nov 23, 6:11 pm, kylenix <[EMAIL PROTECTED]> wrote:
> The following code works well in firefox, but not in IE 7.
> In IE 7, when the browser window width is decreased, the second
> sentence will get wrapped although there is still more than enough
> space in that row.
> Is it a bug in IE 7 or in my code? any work around?
>
> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
> <HTML>
> <HEAD>
> <meta http-equiv="Content-Type" content="text/html;
> charset=ISO-8859-1">
> <TITLE>Tester</TITLE>
> <STYLE type="text/css">
> body { font-family: Verdana; font-size: 14px; }
> div#title1 { float: right; border: dotted blue 1px; }
> div#title2 { clear: right; float: right; border: dotted red
> 1px; }
> </STYLE>
> </HEAD>
> <BODY>
> <div id="title1">This is the first sentence, longer</div>
> <div id="title2">This is the 2nd sentence</div>
> </BODY>
> </HTML>
--~--~---------~--~----~------------~-------~--~----~
--
You received this because you are subscribed to the "Design the Web with CSS"
at Google groups.
To post: [email protected]
To unsubscribe: [EMAIL PROTECTED]
-~----------~----~----~----~------~----~------~--~---
