Ie Problems Again Every browser displays it right except IE

BooZker · January 15, 2007

I have my site http://forums.xisto.com/no_longer_exists/ and just when i thought i had everything perfect i just had to go to my Windows computer to check it because i made it on my mac and tested it in:

Netscape, Opera, Safari, and Firefox. I only had stupid IE and it displayed it horribly wrong. There is nothing wrong with the CSS. I checked the mathematics of it and it seems fine. It's like it's displaced. The header and the rest of the site are disconnected. There is also a white line down the right side of the page. I think it might have something to do with the CSS's background-color or border.

This really frustrates me this might be because i can hardly stay awake and i'm trying to fix it, but even so i just dont feel like fixing it. Does anyone know if this happens in IE6? Because i was testing it in IE7. I'm sure SM is going to be here and he will be "duh its the..."

style sheet is: http://forums.xisto.com/no_longer_exists/

Edited January 15, 2007 by BooZker (see edit history)

BuffaloHelp · January 15, 2007

I think the problem is you have many classes but not enough structure--I hope that is the right expression.

Try defining your body to a specific width something like

#body {	margin: 0 auto;	width: 800px;	padding: 0 0; }

and then define a header div as ID etc.

So the basic structure of your site would be something like:

<body>
    <div id="header">

    </div>

    <div id="content">

         <div id="right_menu">
         </div>

    </div>
</body>

This way, they are all aligned within the "body" and cannot wander about. You can even do DIV for left and DIV for right and use float to divide content from menu.

BooZker · January 15, 2007

OK i will try this. In other words though you are just saying that i should move the CSS tags in the order that they should be read and then set a specific width for the body? I wish IE wasnt the most used browser!

BuffaloHelp · January 15, 2007

I don't think order of appearance has nothing to do with it. But looking at your css file, you have bunch of CLASS (.tag) but nothing that definds the ID tags...Since I myself is learning css, my description could be wrong. But what I know is that you need to confine your DIV's within BODY with set width.

BooZker · January 15, 2007

hmm alright. I will go and set the header and footer divs to 758 and then main to 600 and right_side to 158 and see if this fixes the problem.

Saint_Michael · January 15, 2007

Well after trying some stuff out I finally got it. So give me a " I LOVE YOU SM"

.main {width: 758px;background:#000066;padding: 0px;border-bottom:none;}

I predicted it was margins or padding

BooZker · January 15, 2007

GOD! Everytime it's so simple and i can't find it. You have to give me some slack though. I have only been making graphics and sites for a little over a year now.

jlhaslip · January 15, 2007

I find that using this code:

body { margin:0; padding: 0;}

and then setting specific margins and paddings in the sheet helps to eliminate most problems. Each Browser has its own default settings for margins and padding, so eliminate the defaults and the browsers will all treat the page the same.

As for the order of the html content on the page, I find that it is best to have the div's in the html code in the order which they appear on the page. For example, insert the float:left before the float:right for the same parent element. Otherwise, there is some confusion between browsers and the way they are rendered.

iGuest · December 10, 2008

You bet it happens in 6. I can't fix it. Spent hours looking for it. If you find out how, let me know. Also can't see some buttons even when I hover over them. With Mozilla all the colors look right. Doesn't do this on any of my work computers, only my home. Upgraded to 7 to fix it. Didn't work. Went back to 6.

-reply by Scott

Sign In

Ie Problems Again Every browser displays it right except IE

Recommended Posts

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

Create an account or sign in to comment

Create an account

Sign in

Important Information