Seite 1 von 1

Tabellenhöhe

Verfasst: Do 7. Dez 2006, 23:32
von atreju
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:

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;
}

Verfasst: Fr 8. Dez 2006, 00:50
von Creutzburg
Probier' mal, Deinem <we:form> ein style="display: inline" mit auf den Weg zu geben – wirkt manchmal Wunder ...

Viele Grüße,
Alex

Verfasst: Fr 8. Dez 2006, 01:49
von atreju
Funktioniert! Vielen Dank!!