PLEASE somebody sort out this IE/FF issue!

le007 Well-Known Member

Messages:: 481

Likes Received:: 1

Best Answers:: 0

Trophy Points:: 103

#1

Hi all,
I have a rough layout - divs - container, head, main, footer.

In the main div - i have two other divs, menu div and content div.

The problem is - I'm trying to make the menu div 10px from the left of the container: pretty easy, margin-left: 10px; BUT its not working in IE? For some reason that I must be too tired to see - it's pushing the menu 20px over? I've gone over this and over this and just can't find it. Please help - code below, many thanks in advance.
Le007

* {
margin: 0;
padding: 0;
}
img {
border: 0;
}

html, body {
height: 100%;
background: url(bk2.jpg);
background-attachment:
fixed;
}

/************************************************ CONTAINTER ***********************/

#container {
min-height: 100%;
width: 900px;
margin: 0 auto;
font-family: sans-serif;
background-color: red;
}
* html #container {height: 100%;} /*no min-height for lte IE6*/

#header {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
background-color: #9EA3A6;
}

/********************************************Main Content***********************/

#main {
background-color: blue;
color: #000;
padding-top: 1px;
margin-top: 20px;
}

/************************************************Menu Div***********************/

#menudiv {
float: left;
width: 150px;
height: 400px;
margin-left: 10px;
background: url(menubg.jpg);
}

/***********************************************Content Div***********************/

#content {
float: left;
width: 700px;
background-color: #005C9B;
margin-left: 10px;
padding-top: 10px;
font-size: 11px;
}

/************************************************Footer***********************/

#footer {
clear: both;
margin-left: 0;
margin-top: 40px;
padding: 0 5px;
border-top: 1px solid #b9c0ca;
border-bottom: 1px solid #b9c0ca;
font-family: tahoma;
font-size: 11px;
padding: 5px;
text-align: left;
}

#footer p {
background-color: #54123A;
}

</style>
Click to expand...

le007, Mar 22, 2009 IP

drhowarddrfine Peon

Messages:: 5,428

Likes Received:: 95

Best Answers:: 7

Trophy Points:: 0

#2

Go to positioniseverything.net and look for the "double margin bug" and see if that's it.

drhowarddrfine, Mar 22, 2009 IP

le007 Well-Known Member

Messages:: 481

Likes Received:: 1

Best Answers:: 0

Trophy Points:: 103

#3

Thanks drhowarrddrfine - i'll try it now - sooo frustrating!

le007, Mar 22, 2009 IP

le007 Well-Known Member

Messages:: 481

Likes Received:: 1

Best Answers:: 0

Trophy Points:: 103

#4

Excellent - this worked a charm! http://www.positioniseverything.net/explorer/doubled-margin.html

le007, Mar 22, 2009 IP

Log in or Sign up

PLEASE somebody sort out this IE/FF issue!

le007 Well-Known Member

drhowarddrfine Peon

le007 Well-Known Member

le007 Well-Known Member

Useful Searches