I’ve just put up my very first web site. The excitement didn’t last too long after I previewed it in Internet Explorer 7. It works fabulously in Firefox. In IE, I’m experiencing a disappearing act of sorts.
The entire content area is disappearing when you click anywhere in the content area on three of my five pages. On all of the funky pages, the header stays put, the content area and footer disappears. Just gone!
Whhhhy oh why is this disappearing? I’m one of the newbies; please be easy with me
Hi, position:relative; on the Content/#footer divs will work, however if you click on the content/footer the header will disappear (it’s just being hidden by the content really)
For some reason, upon clicking, IE is shifting the content upwards. I am at a loss to why this is happening so far but I’ll keep at it
You should redo the header without absolute posiitoinig
I’ve made your suggested edits. I’m still experiencing the disappearing (or shifting?) content area on: index, services, and contact page. The footer doesn’t disappear anymore, but it does shift up when content goes.
Also, now the h2 in my header is being covered or disappearing on all pages besides index.
The only thing I changed to your edits was I kept the height on my Content. The bottom of the image was getting cut-off otherwise. I checked with and without the height on Content and it still disappeared as it has been so I don’t think that’s the deal breaker?
Oh my gosh, thank you so much! That darn closing span tag was missing on those three disappearing pages!!! It fixed the problem.
Additionally, I needed to remove the absolute positioning on all the h2s within the header on all the pages, exactly as you’d advised with #header#home, to avoid their sneaky disappearances as well:
}
#header #about {
background-image: url(../images/aboutmeheader_image.jpg);
background-repeat: no-repeat;
height: 136px;
width: 445px;
/*position: absolute; deleting per suggestion*/
top: 185px;
left: 565px;
margin-right:110px; /* adding per suggestion */
float:right; /* adding per suggestion */
margin-top:185px; /* adding per suggestion */
}
#header #portfolio {
background-image: url(../images/portfoliotop_image.jpg);
background-repeat: no-repeat;
height: 136px;
width: 445px;
/*position: absolute; deleting per suggestion*/
top: 185px;
left: 565px;
margin-right:110px; /* adding per suggestion */
float:right; /* adding per suggestion */
margin-top:185px; /* adding per suggestion */
}
#header #services {
background-image: url(../images/servicestop_image.jpg);
background-repeat: no-repeat;
height: 136px;
width: 445px;
/*position: absolute; deleting per suggestion*/
top: 185px;
left: 565px;
margin-right:110px; /* adding per suggestion */
float:right; /* adding per suggestion */
margin-top:185px; /* adding per suggestion */
}
#header #contact {
background-image: url(../images/contactheader_image.jpg);
background-repeat: no-repeat;
height: 136px;
width: 445px;
/*position: absolute; deleting per suggestion*/
top: 185px;
left: 565px;
margin-right:110px; /* adding per suggestion */
float:right; /* adding per suggestion */
margin-top:185px; /* adding per suggestion */
}
YA! My web site is up and running correctly! Thank you so much RyanReese and Paul O’B! I really appreciate it.