lilman Posted April 8, 2007 Share Posted April 8, 2007 To check out the design go to: http://www.postexasko.com/page.php. In FireFox it looks like it should, but in Internet Explorer it has white gaps in between, really making it look like crap. I cannot figure out where my problem lies. I've sorted through the HTML but come up with empty ideas on how to fix it. Any ideas would be great. Thank you! Quote Link to comment Share on other sites More sharing options...
wildteen88 Posted April 8, 2007 Share Posted April 8, 2007 Looking in IE those gaps are most probably caused by padding/margin issues. To prevent this sort of problem always define a padding/margin your tags. If you don't define a padding/margin in your CSS then the browser will use the default padding/margins it has pre-set. It is a good practice, IMO, to always set a default padding/margin in your CSS. Every browser has its own default values for padding/margin on X element and thus can cause this sort of behaviour you are getting. Quote Link to comment Share on other sites More sharing options...
TheFilmGod Posted April 11, 2007 Share Posted April 11, 2007 Yes. I agree. Also remember that FireFox is the future web browser. I.E. simply sucks. But, since it already works in FF, you aren't far from getting I.E. to work too. I also noticed that your design has some bad CODE, mostly with the navigation bar. You use over 4 banner images!! I would try sticking away from over complex code. Here is what I recommend: <body> <table> <tbody> <tr> <td height="80" width="779" background="images/postexasko800_02.jpg" align="right" valign"bottom"> <table height="24" width="200"> <tbody> <tr> <td background="images/postexasko800_04.jpg"> <p align="center" style="line-height: 100%; margin-top: 0; margin-bottom: 0"> <b> <font face="Arial" size="2" color="#FFFF00"> Home | </font> <font face="Arial" size="2" color="#FF0000"> Articles </font> <font face="Arial" size="2" color="#FFFF00"> | Poetry | Sign In | Register | Site Info | Links </font> </b> </p> </td> </tr> </tbody> </table> </td> </tr> <tr> .... MAIN CONTENT... </tr> </tbody> </table> </body> 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.