Hi folks
I am having troubles with float & positioning with IE.
Here is the layout I am trying to achieve :
http://nzeches.free.fr/img/layout.jpg
- a Header
- a menu in the left column
- a main content area
- a footer
In the main content area, I have :
- a horizontal navbar,
- a box #1 (which contains <select>'s) on the left ; width=20em
- another block #2 beside the previous one which will contain a large image
; If the image's width overflows the viewport width, I need the browser to
scroll horizontally
- some extra text, which shall be displayed after the tallest of box #1 & #2
A sample code (including CSS) is at http://nzeches.free.fr/mto.htm
Basically the solution is :
- a header <div>
- a container <div>
- the footer (clear:both)
The container encloses 2 divs : a menu <div> (left floated), and the main
content <div> with a left margin
The main content div includes a layout similar to the main layout
- the navbar (inline unordered list),
- a container, with box#1 (left floated) and box #2
- a "spacer div" (clear:both) before the remaining text
in Firefox the page apparently displays correctly
in IE6 the box#2 is displayed far down from the navbar
Do you have any idea what causes this discrepancy ?
TIA
--
NZ
