HTML/CSS IE8 Abstandsproblem

kompi19

Well-known member
ID: 277553
L
17 März 2007
1.297
106
Heyho Leute!

Habe heute mal ein Webdesign in HTML und CSS umgesetzt und dabei macht mein IE8 noch ein bisschen Stress. Und zwar wird die Suchzeile nicht an der richtigen Position angezeigt. Im FF passt es, nur im IE nicht.

Ich habe hier mal einen Screen davon für euch:


Und hier das entsprechende Segment meiner HTML bzw. CSS Dateien:

HTML:
<form name="suchen" action="index.html" method="post">
                <table border="0" cellpadding="0" cellspacing="0" style="margin-top:20px;">
                  <tr>
                    <td height="23" id="header_suche">
                      <input type="text" name="suchzeile" id="suchzeile" size="22" value="Suchbegriff" />
                    </td>
                    <td width="31" height="23"><button type="submit" value="suche" id="header_suchbutton"></button></td>
                  </tr>
                </table>
              </form>

Code:
#header_suche		{
					background-image:url(img/suche.png);
					background-repeat:no-repeat;
					width:140px;
					height:23px;
					}
					
#suchzeile			{
					background:none; 
					border:none;
					font-family:Arial, Helvetica, sans-serif;
					font-size:11px; 
					color:#B5B5B5; 
               		padding: 0px 0px 1px 3px;
					width:137px;
					}
					
#header_suchbutton	{
					background: #FFFFFF url(img/suchbutton.png) no-repeat;
					border:none;
					width:31px;
					height:23px;
					display:block;
					}

Ich würde mich wirklich sehr über etwas Hilfe diesbezüglich freuen. Danke!
 
hast Du auch alle Browserspezifischen Abstände auf null gesetzt?

Bspw:
HTML:
body
{
   margin:0;
   padding:0;
}
 
Hast du einen absolut korrekten Doctype drin (inkl. Name + DTD)?

Oftmals regen sich alle Leute über IE auf, weisen ihn aber indirekt an, auf IE 6 zurückzufallen:roll:
 
Das ist der doctype:

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="https://www.w3.org/1999/xhtml">

Der wird standardmäßig so immer von Dreamweaver gesetzt und bisher hatte ich damit auch noch keine Probleme.
 
Wieso hast du überhaupt ne Tabelle, wo gar keine Tabelle is? :hö:
 
Das ist doch nur ein Codeauszug! Oder verstehe ich dich gerade falsch?
 
Zuletzt bearbeitet:
Im Code zähle ich 9 Tabellen (wenn ich mich ned auf die Schnelle verzählt hab), aber auf der Seite seh ich keine einzige Tabelle. Da scheint mit deinem Markup also gehörig was falsch zu sein.
 
Die Tabelle wird aber wohl nicht das Problem für den seltsamen Abstand sein... :roll:

Probier mal, ob's hilft, dem Formular einen "margin-bottom: 0;" zu geben.