1 reply [Last post]
DruidJaidan
Offline
newbie
Last seen: 15 years 21 weeks ago
Joined: 2007-05-05
Posts: 1
Points: 0

Ok...so I've taken it upon myself to learn web design (for a company I'm starting). However I'm starting with converting a website I made for my current employer from "the way I learned html" to standards compliant html and css. Basically it's more of a learning exercise more than anything else.

Anyway the issue I'm having is with an absolute positioned element. It's a . On firefox and opera the site displays as I want it to. With the text "Menu" overlapping the background yellow bar. However...on IE the menu text is positioned way too low. So...what's the issue why is it not rendering correctly under IE, and how do I fix it so it does?

The relevant CSS is these sections

#Container { position:relative; width:800px; height:170px; margin-left:auto; margin-right:auto; }

#Header {
position:absolute;
left:19px;
bottom:-28px;
}

#PageHeader {
background-image:url(images/Bar.gif);
background-repeat:repeat-x;
width:800px;
height:15px;
}

And the html

Banner

Home
Location
Menu
Specials
Feedback





It might make more sense in the context of the entire page so the link is http://wildcathowies.com/menuie.htm

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 7 years 38 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

Looks the same to me

Looks the same to me comparing in FF and IE6 ?

I support your move to standards, and in light of that you maybe ought to think about your use of a table for the main nav links as it's lets things down Smile it needs to be a simple ul list construct, the tables for the actual menus is acceptable but nowhere else.

Hugo.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me