PDA

View Full Version : IE firefox div question


jay
11-10-2009, 05:50 PM
Hi

Why does my div appear about 15px lower in IE7 than in Firefox or IE8.


Any help would be great.

Thanx Jay

domedia
11-10-2009, 06:12 PM
The one on the left hand side? ;)

jay
11-10-2009, 06:21 PM
The menu must start in the same place in firefox IE7 and IE8

Right now the menu look the same in Firefox and IE8 but is positioned higher in IE7

#menuPositioner {
position:relative;
float:left;
margin-bottom:-40px;
height: 40px;
z-index:1;
}

#menuHolder {
position:relative;
float:left;
left: 5%;
top: 5%;
}

#menu,
#menu ul {padding:0; margin:0; list-style:none; font: 12px arial, verdana, sans-serif; background:url(trans.gif); position:relative; z-index:100;}
#menu {
float:left;
padding:0;
position:static;
right:50%;
background-image: url(trans.gif);
}

domedia
11-10-2009, 07:00 PM
Without the markup it's impossible. Can't even see how they relate to eachother.
Can you put the link up somewhere?

jay
11-10-2009, 07:09 PM
hi i got it

#menuHolder {
position:relative;
float:left;
left: 50%;
top: 25%; - added this
}

domedia
11-10-2009, 07:13 PM
You really shouldn't mix floats and positioning at the same time. Make sure you test well in browsers and if you get any more issues just put it online somewhere and it will be a breeze to investigate.