Jump to content

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


Havenot

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  ???
Link to comment
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.
Link to comment
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...
Link to comment
Share on other sites

This thread is more than a year old. Please don't revive it unless you have something important to add.

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...

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.