Hi group,

I have a really easy setting: 

<h2 style="float:left;width:300px">heading</h2>
<div style="float:left;width:300px">div one</div>
<div style="float:right;width:200px">div two</div>

When I imagine this I expect the browser to render the two left-floated
elements on the left side and the single right-floated div on the right
side, aligned with the heading:

+-------+ +----+
|heading| |div2|
+-------+ |    |
+-------+ +----+
| div1  |
|       |
+-------+

However, FF aligns the right-floated div with the left-floated div and I
cannot convice it to align the former with the heading.

IE6 and IE7 render it as I intuitively think it should render.

Having faith in FF I believe I'm missing something basic to understand
why this happens this way.

Anybody solved this without introducing a wrapper div for heading and
div1?

Thanks,
Jens

The information contained in this e-mail message and any accompanying files is 
or may be confidential. If you are not the intended recipient, any use, 
dissemination, reliance, forwarding, printing or copying of this e-mail or any 
attached files is unauthorised. This e-mail is subject to copyright. No part of 
it should be reproduced, adapted or communicated without the written consent of 
the copyright owner. If you have received this e-mail in error please advise 
the sender immediately by return e-mail or telephone and delete all copies. 
Fairfax does not guarantee the accuracy or completeness of any information 
contained in this e-mail or attached files. Internet communications are not 
secure, therefore Fairfax does not accept legal responsibility for the contents 
of this message or attached files.


*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*******************************************************************

Reply via email to