5 replies [Last post]
blugoogirl
Offline
newbie
Aberdeen
Last seen: 11 years 23 weeks ago
Aberdeen
Joined: 2009-06-22
Posts: 3
Points: 0

I've tried several things to try and fix this but mostly I don't know where to start! If you go to my website http://www.blugoogirl.com in Firefox or a similar browser everything is displayed fine. If you view it in any version of IE then neither the navigation or the header image divs are displayed at all.

Where have I gone wrong??

Here's the layout CSS:
#wrapper {
margin: 0 auto 0 auto;
width: 937px;
text-align: left;
background-color: #030808;
display: block;
padding: 0px 10px 0px 10px;
position:relative;
top: -2px;}

#header {
width: 937px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
color: #d7d7d7;
position: relative;
top:-10px;
border-bottom: #F3F3F3 0px solid;
border-left: #d7d7d7 solid 0px;
border-right: #d7d7d7 solid 0px;
background-color: #030808;
display: block;
}
.header_img {vertical-align: top; }

#header_nav {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
color: #d7d7d7;
position: relative;
width: 937px;
top:-14px;
border-bottom: #F3F3F3 0px solid;
border-left: #d7d7d7 solid 0px;
border-right: #d7d7d7 solid 0px;
background-color: #030808;
display: block;}

and the XHTML of the page:


homeportfoliobioinfoblogcalendarmerchcontactlinks

If anyone can help with this it'd be most appreciated!!!

billf
Offline
Regular
Last seen: 11 years 23 weeks ago
Joined: 2009-06-18
Posts: 22
Points: 0

Looks like your document

Looks like your document isn't well-formed. Make sure all elements that are opened are closed in the proper nested order, and I bet your issue will disappear.

http://validator.w3.org/check?uri=http%3A%2F%2Fwww.blugoogirl.com%2F&charset=(detect+automatically)&doctype=Inline&group=0

blugoogirl
Offline
newbie
Aberdeen
Last seen: 11 years 23 weeks ago
Aberdeen
Joined: 2009-06-22
Posts: 3
Points: 0

valid

document is formed fine. i was missing one

but ive fixed that now. validates as xhtml strict etc. so what could be the problem??

wolfcry911
wolfcry911's picture
Offline
Guru
MA, USA
Last seen: 6 years 40 weeks ago
MA, USA
Timezone: GMT-5
Joined: 2004-09-01
Posts: 3224
Points: 237

IE is computing the height

IE is computing the height and width attributes of 'auto' to 1 (not sure why). Try either removing the attributes or setting them to their correct pixel values.

blugoogirl
Offline
newbie
Aberdeen
Last seen: 11 years 23 weeks ago
Aberdeen
Joined: 2009-06-22
Posts: 3
Points: 0

images not displaying

i added height attributes to both divs and that seemed to fix that problem but certain images are not displaying within them... but other images are... hmmmmm any suggestions?

wolfcry911
wolfcry911's picture
Offline
Guru
MA, USA
Last seen: 6 years 40 weeks ago
MA, USA
Timezone: GMT-5
Joined: 2004-09-01
Posts: 3224
Points: 237

I meant the img attributes,

I meant the img attributes, not the divs