Jump to content

Archived

This topic is now archived and is closed to further replies.

Havenot

my site code... wont work well with I.E?

Recommended Posts

if u goto http://www.kadafilegacy.com

in I.E you will see that the site's content area... the middle section between the header and footer is aligned to the right... where as in Firefox the site is perfect...

since more users use I.E on my site than firefox i need it sorting...

im sure u all kno how 2 read my code of the site... if someone could look through it and maybe find the problem id b grateful.. i just dunno what it could be  ???

Share this post


Link to post
Share on other sites
There are A LOT of errors in the html....

go here [url=http://validator.w3.org]http://validator.w3.org[/url] and fix them; that will be a huge step in solving your problems...

Share this post


Link to post
Share on other sites
Its mainly to do wit your CSS. It is not a good a idea to use positioning when doing a CSS layout, especially when you're trying to center a layout. it is best to use auto margins.

The following is your new CSS:
[code]body {
    background-color: #666666;
    color: #FFF;
    font-size: 12px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

a:link, a:visited, a:hover, a:active {
    color: #FFF;
}

#container {
    width: 707px;
    margin: 0px auto;
}

#head {
    width: 707px;
}

#head img {
    display: block;
}

#box1 {
    width: 345px;
}

#content {
    width: 697px;
    text-aligh: justify;
    background-color: #2D3855;
    padding: 5px;
}

#quote {
    width: 697px;
    text-aligh: justify;
    background-color: #2D3855;
    padding: 5px;
}

#foot {
    width: 707px;
    font-size: 9px;
    text-align: center;
}[/code]
Also you'll want to add to add:
[code]<body>
<div id="container">[/code]
before:
[code]</head>[/code]
and you'll want to put:
[code]</div>[/code]
before:
[code]</body>[/code]

In your HTML.

Another thing you'll want to do is clean up your html code by removing the font tags, center tags. Extra line break tags ([nobbc]<br>[/nobbc]) use padding/margins instead rather than adding masess of line breaks to pad out areas etc.

Share this post


Link to post
Share on other sites
thanks... i changed the css and the added bits of code u told me to...

i haven't changed the html errors yet... will get onto that, but wanted 2 make sure before i go further if the html errors r causing the problem with the page now...

in firefox it's aligned all to the left... and in I.E the content is centered but the header is not  :-\

wondering if it might b the changes i just made...

Share this post


Link to post
Share on other sites
In your HTML change
[code]<body>
<div id="container">

</head>

</center>
</div></td>[/code]
To this:
[code]</head>
<body>
<div id="container">[/code]

You'll also want to fix up the HTML issues I suggested too.

Share this post


Link to post
Share on other sites

×

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.