|
| Hi folks
(For some reason, my message didn't show up)
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 may 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 (and styling) similar to the main
layout
- the navbar (inline unordered list, with left-floated items),
- a container, with box#1 (left floated) and box #2 (left margin)
- 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
|
|