browser differences

reacos

New Member
The web pages I have made appears in different positions in IE and Firefox.
I am normally using Firefox and when I check the web page in IE it appears a bit higher up on the screen.
I am using Namo 8 and have made the pages using layer.
anybody have an idea ?
regards rea
 

reacos

New Member
Hi!
Thanks for your interest
I know nothing about html coding and don't know if this part of the code can be to any help
regards rea

</style>
</head>
<body bgcolor="white" text="black" link="black" vlink="black" alink="black">
<div id="layer2" style="background-color:white; width:620px; height:728px; position:absolute; left:246px; top:18px; z-index:1;">
<div id="layer9" style="width:620px; height:166px; position:absolute; left:0px; top:-15px; z-index:1;">
<div id="layer9" style="width:520px; height:602px; position:absolute; left:29px; top:161px; z-index:1;">
<ul>
 

horrorshow75

New Member
I can't tell form the code you posted but it sounds like it may be a box model issue. In IE two adjacent margins will collapse into one margin where as FF will render both margins.

The book below is great I have it and recommend it, the page also explains margin collapsing.

http://www.andybudd.com/archives/2006/01/what_i_want_from_css3_part_3/

Also just an FYI, you should separate your styling from your layout, makes your code cleaner and easier to understand. You should also give your divs meaningful names such as head, logo, nav, content, etc. Your div id's tell me nothing at first glance what part of your layout they refer to, i could probably guess based on your styling but why make it a guessing game?
 
Last edited:
Top