Re: [WSG] Floated right div gets pushed below the left

[Andrew Hawthorne]

Hi Vaska, I think I may have a solution for you -- negative margins. I've used this method before and have had great luck with it. You can read up on Creating Liquid Layouts with Negative Margins for some details on the technique. This is one of my favorite articles on A List Apart. I was bored over lunch so I threw this together for you as an example http://boxmodel.com/wsg/vaska.php . It's a rushed so I apologize. It's tested in IE6, Firefox 1.0.2, Netscape 7.2, and Safari 1.2.4 (v125.12). I hope this sends you in a positive direction.  regards,  Andrew Vaska.WSG wrote: Hi Folks: I understand what is happening here, but I'm not really sure how to go about resolving this. What's happening is that a floated right div is being pushed down below the left when the the browser window is at 800px wide or less. It works in all the other browsers - it's only IE 6 that has the problem...see the browsercam results (just ignore the windows xp images): http://www.browsercam.com/public.aspx?proj_id=150535 The site is http://www.madeinlandscape.com/...it validates...and there is alot of _javascript_ in here including Ajax. This is the the css link http://www.madeinlandscape.com/css/style.css Any advice on an alternative method for pulling this off? Note, that the horizontal blue stripe in the upper right is supposed to adjust to the the size of the window (with a 503px margin at the left). Thanks...v ****************************************************** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help ******************************************************