Tabellenhöhe
Verfasst: Do 7. Dez 2006, 23:32
Ich habe eine Tabelle angelegt, die ein Suchformular enthält. Die Höhe der Tabelle wird im Firefox korrekt angezeigt. Der Safari und der IE zeigen sie allerdings höher an. Es scheint am Eingabefeld zu liegen. Daher habe ich per CSS die Höhe festgelegt und die Abstände auf 0 gesetzt. Die CSS-Formatierung wird im Firefox übernommen, in den beiden anderen nicht. Wieso? Wie bekomme ich Safari und IE dazu auch mit dem Eingabefeld die Tabelle mit einer genauen Höhe von 22px anzuzeigen??
Tabelle:
CSS-Aussichnitt
Tabelle:
Code: Alles auswählen
<table border="0" cellspacing="0px" cellpadding="0px" height="22px">
<tr valign="middle">
<td class="shortnavi"><a href="http://www.intavis.com/switchlang.php?url=<?php echo $_SERVER['PHP_SELF']; ?>">German</a></td>
<td class="shortnavi"><we:a type="document" id="252">Contact</we:a></td>
<td class="shortnavi"><we:a type="document" id="256">Imprint</we:a></td>
<td class="shortnavi"><we:a type="document" id="263">Sitemap</we:a></td>
<td class="shortnavi" style="border-right:0;">Search</td>
<td class="shortnavi" valign="middle" style="border-left:0; padding-left:0;">
<we:form type="search" id="257" method="get">
<div id="suchbox"><we:search type="textinput" name="suche" size="12" />
<input type="image" src="http://www.intavis.com/media/suche-pfeil.gif"></div>
</we:form>
</td>
</tr>
</table>
CSS-Aussichnitt
Code: Alles auswählen
#suchbox {
padding-top: 0px;
padding-bottom: 0px;
}
#suchbox INPUT {
height: 14px;
border: 0px;
padding-top: 0px;
padding-bottom: 0px;
}