...

View Full Version : Firefox/Explorer Pixels Problem



jah
01-05-2007, 01:35 AM
I'm having a problem with the postion of my buttons in both browsers. I check it in Firefox and everything is perfect but then when I open it in Explorer it seems the pixels are off. I've tried a lot and nothing seems to work.Here's a screenshot of the problem.
http://img1.imagetitan.com/img.php?d=1/41&n=ff.jpg
the top is FF, and bottom is IE. It also drops the text SPONSERS to the bottom.

also here's the code

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<title>Broken Equipment Productions</title>
<meta name="description" content="The official site of the beat makers of Broken Equipment Productions and Dipset the Movie animations.">
<meta name="keywords" content="Broken Equipment Productions, Dipset the Movie, animations, stop what you're doing, BEP, Filno, I can't feel my dick, makeup sex
cam'ron, purple tops, beats, instrumentals">
<style type="text/css">
body,
html {
margin:0;
padding:0;
background:#545859;
color:#000;
}
body {
min-width:750px;
color:#ffffff;
font-family: arial;
font-size: 70%;
}
a
{
color:#ffffff;
text-decoration: none;
}

f
{
color: #DB474C;
font-size: 150%;
}
#wrap {
background:#363636;
margin:0 auto;
width:739px;
}
#header {
background:#363636;
}
#header h1 {
padding:5px;
margin:0;
}
#nav {
background:#363636;
padding:5px;
}
#nav ul{
margin:0;
padding:0;
list-style:none;
}
#nav li{
display:inline;
margin:0;
padding:0;
}
#main {
background:#363636;
float:left;
width:500px;
}
#main h2, #main h3, #main p {
padding:0 10px;
}
#sidebar {
background:#363636;
float:right;
width:236px;
}
#sidebar ul {
margin-bottom:0;
}
#sidebar h3, #sidebar p {
padding:0 10px 0 0;
}
#footer {
background:#252525;
clear:both;
}
#footer p {
padding:5px;
margin:0;
}



ul#navlist
{
margin-left: 0;
padding-left: 0;
white-space: nowrap;
}

#navlist li
{
display: inline;
list-style-type: none;
}

#navlist a { padding: 2px 39.9px; }

#navlist a:link, #navlist a:visited
{
font-family: arial;
color: #fff;
background-color: #767B7C;
text-decoration: none;
}

#navlist a:hover
{
color: #fff;
background-color: #252525;
text-decoration: none;
}
</style>

</head>
<body>
<div id="wrap">

<div id="header"><a href="index.htm"><img src="belogo1.jpg" border="0"></a></div>
<div id="navcontainer">
<ul id="navlist">
<li id="active"><a href="index.htm" id="current">NEWS</a></li>
<li><a href="animations.htm">ANIMATIONS</a></li>
<li><a href="music.htm">MUSIC</a></li>
<li><a href="forum.htm">FORUM</a></li>
<li><a href="about.htm">ABOUT</a></li>
<li><a href="contact.htm">CONTACT</a></li>
</ul>
</div>

<div id="main">
<table width="470" border="0">
<td align="left"><img src="bepbanner1.jpg"></td>
</tr>
</table>
<table width="470" border="0">
<tr>
<td align="left">Welcome to thisisbep.com. Home of the beat makers of
Broken Equipment Productions and Dipset the Movie animations.</td>
</tr>
</table>
<br>
<table width="470" border="0">
<tr>
<td align="left"><font size="2">DIPSET THE MOVIE PART ONE IS HERE!</font>
<br>
January 22, 2007 <br>
<br>
What's good? We know you guys been fiends for the new Dipset Movies,
so without further overdue we would like to introduce the first episode.
Just head to our animations section, and then hit us up on the forum to voice your opinion.
<hr color="#FFFFFF" noshade> </td>
</tr>
</table>
<br>
<table width="470" border="0">
<tr>
<td align="left"><font size="2">THISISBEP.COM IS LAUNCHED!</font> <br>
January 20, 2007 <br>
<br>
The wait is now over. After weeks of anticipation, Broken Equipment
Productions finally got a site to call home. You'll be able to go through
many features such as our music, animations, and free download sections.
Just take a look and see what's up.
<hr color="#FFFFFF" noshade> </td>
</tr>
</table>
<br>
</div>
<div id="sidebar">
<table width="230" border="0">
<tr>
<td align="left"><center>OUR SPONSERS</center></td>
</tr>
</table>
</div>
<div id="footer">
<center>
<p> &copy; 2007 thisisbep.com. ALL RIGHTS RESERVED.<br>
<a href="http://www.idealroots.com"><img src="collab.jpg" border="0"></a>
</center>
</div>
</body>
</html>


Thanks in advance

_Aerospace_Eng_
01-05-2007, 06:33 AM
Screenshots are useless when it comes to html that has images. We need to see a url to your site but just from looking at the code you have some issues you need to fix. Run your page through the validator. http://validator.w3.org



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum