Forum Moderators: open

Message Too Old, No Replies

Extra Whitespace

In FF but not in IE

         

krakrazor

1:39 am on Apr 11, 2006 (gmt 0)

10+ Year Member



How do i remove the extra space in FF

<Sorry, no screenshot links.
See HTML Forum Charter [webmasterworld.com]>

[edited by: tedster at 3:10 am (utc) on April 11, 2006]

krakrazor

1:40 am on Apr 11, 2006 (gmt 0)

10+ Year Member



here is my code:

<style type="text/css">

h1{font-size:25px;font-weight:bold; }
h2{font-size:20px;font-weight:bold; }
h3{font-size:15px;font-weight:bold; }

body{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;width:100%;padding:0; margin:0; }

.hweak{font-size:20px;font-weight:bold; color:#CCCCCC}
.hstrong{font-size:30px;font-weight:bold; }

.main_table{border:thin; border-color:#B4D0DC; border-style:solid; border-width:1px;
width:640px; margin-top:10px; }

td{padding:10px; margin:10em 10px 10px 10px; border-bottom:solid; border-bottom-color:#B4D0DC; border-width:1px; }
td.main_heading{text-align:center; }
td.bybar{background-color:#B4D0DC; font-size:9px; padding:0; margin:0; }
div.right{float:right;}
div.left{float:left; }
tr {padding:0px; margin:0px;}
p{ line-height:15px;}
p.indent{text-indent:30px;}
</style>
</head>

<body>
<table class="main_table" align="center" cellpadding="0" cellspacing="0" border="0">
<tr>
<td class="main_heading"><span class="hstrong">S</span><span class="hweak">earch</span> <span class="hstrong">E</span><span class="hweak">ngine</span> <span class="hstrong">O</span><span class="hweak">ptimization</span></td>
</tr>

<tr>
<td>
<h2>What is Search Engine Optimization?</h2>
<p class="indent"><strong>Search Engine Optimization</strong> is the work involved in increasing a site's ranking in various search engines. An example of a search engine would be Google&reg; or Yahoo&reg; Search</p>
<p>A <a href="javascript:glossory('SERP', this)">SERP</a></p>
</td>
</tr>

<tr>
<td>
<h3>Glossory:</h3>
SERP - <b>S</b>earch <b>E</b>ngine <b>R</b>esult <b>P</b>age.
</td>
</tr>

<tr>
<td>
<h3>Resources:</h3>
<a href="http://www.webmasterworld.com">Webmasterworld.com</a> - A forum covering all parts of the web.
</td>
</tr>

<tr>
<td class="bybar">
<div class="left">Google&reg;, MSN&reg;, and Yahoo&reg; Search Engine Optimization</div>
<div class="right">&copy; 2006 <a href="http://www..com/">Rabeti</a>&#8482;</div>
</td>
</tr>
</table>

tedster

3:18 am on Apr 11, 2006 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Two things to consider:

1. If you don't explicitly declare the margin and padding values for an element, browsers will use their own default values, and they are not always the same.

2. Your DTD will have a strong influence on how each browser renders the code. Especially pay attention to Quirks Mode and Standards Mode [webmasterworld.com].