Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Register Log in
  • Congratulations Westi on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

IE/FF Weird Discrepancies (Positioning / Rollovers)

Status
Not open for further replies.
fallenacorn

fallenacorn

Technical User
Nov 9, 2004
7
US


okay. in FF, the navbar works, but the positioning of my styles applied to the main div (#scrollbox) is all messed up.

then, in IE, the navbar rollovers don't work, but the positioning of the #scrollbox styles is perfect.

i have tried all sorts of relative and absolute positioning... i dunno.

any ideas what's happening here? [surprise]
 
Sort by date Sort by votes
First, change you DocType from
Code: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"[URL unfurl="true"]http://www.w3.org/TR/html4/loose.dtd">[/URL]
to one of the strict types. Your doctype puts IE into "quirks" mode which breaks the standard way of doing things.

After you change that, then making things work the same on IE and FF or Mozilla is much easier.

Ken
 
Upvote 0 Downvote
I can't see much difference in anything but the rollover menu. The background in main section is part of the background positioning problem. IE positions fixed backgrounds relative to their container while FF (and Mozilla and Opera) position theirs relative to the body. I would have to check the standards which is correct in this matter, but would go with FF. Adjust IE separately.

As for the navbar, lets start slowly. I cannot see black background in IE, mainly because it is not there.
Code: 
html>body #navlist li
{
background: #000;
margin: 0 3px 0 0;
padding: 4px 0px 4px 0;
}
This uses child selector (>), which IE does not support and thus blatantly ignores everything in that code. So, try to move at least background to a css property which is supported by all browsers. Hope it helps you going.
 
Upvote 0 Downvote
Status
Not open for further replies.

Similar threads

pendle666
  • Locked
  • Question
new website renders fine in IE/Edge but not in Chrome - test site was fine
Replies
2
Views
187
pendle666
pendle666
lupidol
  • Locked
  • Question
Positioning elements, how do I do it ?! 2
Replies
2
Views
156
vacunita
vacunita
ggriffit
  • Locked
  • Question
strange div positioning 1
Replies
9
Views
189
ggriffit
ggriffit
Blueie
  • Locked
  • Question
Positioning Twitter box? 1
Replies
7
Views
214
1DMF
1DMF
c0deM0nK424
  • Locked
  • Question
Problem with positioning Logo, Search Box and Language Bar OUTSIDE of the navbar (Bootstrap) 1
Replies
2
Views
132
c0deM0nK424
c0deM0nK424

Part and Inventory Search

Sponsor

Back
Top