Jump to content

Recommended Posts

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!

Link to comment
https://forums.phpfreaks.com/topic/46148-messed-up-in-ie-but-fine-in-firefox/
Share on other sites

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.

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>

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.