Hello,
I am fairly new to building websites. i have built myself a portfolio site http://ianculley.com/ It works fine in Firefox and Safari but when viewed in Internet Explorer it comes out all funky and spaced incorrectly
Could someone please take a look and maybe help me figure out how to get it to display the same as in the other browsers? its been driving me insane.
Thank you so much!
ian
help! site is not working correctly...
ian
Trial User
1 post
BillR
Ambassador
3,144 posts
ian,
I am looking at your code. One thing is it appears you did a cut and paste for your body tag. This is how it appears:
<body onload="MM_preloadImages('pictures/hand_icon_over.png')?K,;initLightbox()">
<body onload="MM_preloadImages('pictures/hand_icon_over.png')’Ķ;initLightbox()">
Notice the question mark just in front of the K in the source as viewed by Firefox, and the strange Ķ as viewed by IE. Check with the Lightbox code to see what that should be.
I suspect that the IE handling of the box model is causing the navigation to shift to the far right. Try adding this to the top of your CSS sheet:
* {
margin: 0px;
padding: 0px;
}
That will tell IE to have the correct margin and padding at the start. Then try playing around with the CSS for the navigation DIV and maybe remove the position:fixed; entry to see if that has any effect. If you play with the margins and padding, sometimes you can find a setting that looks good with Firefox, and allows IE to behave.
I am looking at your code. One thing is it appears you did a cut and paste for your body tag. This is how it appears:
<body onload="MM_preloadImages('pictures/hand_icon_over.png')?K,;initLightbox()">
<body onload="MM_preloadImages('pictures/hand_icon_over.png')’Ķ;initLightbox()">
Notice the question mark just in front of the K in the source as viewed by Firefox, and the strange Ķ as viewed by IE. Check with the Lightbox code to see what that should be.
I suspect that the IE handling of the box model is causing the navigation to shift to the far right. Try adding this to the top of your CSS sheet:
* {
margin: 0px;
padding: 0px;
}
That will tell IE to have the correct margin and padding at the start. Then try playing around with the CSS for the navigation DIV and maybe remove the position:fixed; entry to see if that has any effect. If you play with the margins and padding, sometimes you can find a setting that looks good with Firefox, and allows IE to behave.
Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.
