Havenot Posted September 11, 2006 Share Posted September 11, 2006 if u goto http://www.kadafilegacy.comin 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 ??? Quote Link to comment Share on other sites More sharing options...
ToonMariner Posted September 11, 2006 Share Posted September 11, 2006 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... Quote Link to comment Share on other sites More sharing options...
wildteen88 Posted September 11, 2006 Share Posted September 11, 2006 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. Quote Link to comment Share on other sites More sharing options...
Havenot Posted September 11, 2006 Author Share Posted September 11, 2006 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... Quote Link to comment Share on other sites More sharing options...
wildteen88 Posted September 11, 2006 Share Posted September 11, 2006 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. Quote Link to comment Share on other sites More sharing options...
Havenot Posted September 11, 2006 Author Share Posted September 11, 2006 thanks! Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.