✔ Div wird im IE falsch angezeigt

[alex130]

Hi
Ich hab ein Problem und zwar hab ich ein Menü dass aus mehreren Div's besteht und die werden richtig angezeigt, bis auf die 3. Navigation, die wird im IE falsch angezeigt und zwar, wird über dem Link "Kennwort vergessen" eine leere zeile angezeigt, die nicht sein sollte und unter dem Link "Registrieren" wird die Linie nicht angezeigt, obwohl dort eine sein sollte.
Ich weiß ich hab das mit der leeren Tabelle nicht so gut gelöst, aber naja....
Hier noch mein Code, der ausgegeben wird:

<div class="box3"> 
<form action="login.php" method="post">
<table width="150" border="0" class="table20">
  <tr>

    <td class="table11" align="center">Benutzername:<br /><input type="text" name="name" size="17" /></td>
  </tr>
    <tr>
    <td class="table21" align="center">Kennwort: <br /><input type="password" name="pass" size="17" /></td>
  </tr>
  <tr>
    <td class="table22" align="center"><input type="submit" name="submit" value="Login" /></td>
  </tr>

</table>
</form>
<div align="center">
<a href="lostpw.php" class="navi">Kennwort vergessen</a><br />
<a href="register.php" class="navi">Registrieren</a><br />
</div>
<table width="150" border="0">
<tr>
<td class="table22"></td>
</tr>
</table>
</div>

//edit: Screenshot:

 

[Quaese]

Hi,

ohne das Stylesheet wird es schwierig zu helfen. Das erste Problem könnte evtl. an den margin-Werten
des Formulars liegen.

Versuch mal

form{ margin: 0;}

Eventuell auch noch padding auf Null setzen.


Ciao
Quaese

 

[alex130]

Hi
Thx das Problem mit der leer Zeile wurde durch

form { margin: 0; }

gelöst, aber und dem Link "Registrieren" wird immer noch keine Linie angezeigt.
Ich hab hier mal die gekürzte style.css angehängt, da die andere zu lang ist.

body {
padding: 0px;
height: 100%;
margin: 0px;
background-image: url(images/bgs.jpg);
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
}

#container {
width: 800px;
margin: 0 auto;
background-image: url(images/bgs.jpg);
}

#header {
background-color: #4978dc;
background-image: url(images/logo.jpg);
width: 800px;
height: 130px;
border: 1px solid black;
margin-bottom: 8px;
}

.leftCol { /* linke Spalte */
width: 150px;
float: left;
}

.rightCol { /* rechte Spalte */
width: 640px;
float: right;
}

#content {
background-color: #efefef;
width: 600px;
min-height: 450px;
border: 1px solid black;
margin-bottom: 5px;
padding: 20px;
padding-right: 20px;
}

.box {
background-color: #efefef;
width: 150px;
border: 1px solid black;
margin-bottom: 8px;
background-image: url(images/box-bg.gif);
padding-top: 65px;
}

.box2 {
background-color: #efefef;
width: 150px;
border: 1px solid black;
margin-bottom: 8px;
background-image: url(images/box2-bg.gif);
padding-top: 65px;
}

.box3 {
background-color: #efefef;
width: 150px;
border: 1px solid black;
margin-bottom: 8px;
background-image: url(images/box3-bg.gif);
padding-top: 65px;
}

.box4 {
background-color: #efefef;
width: 150px;
border: 1px solid black;
margin-bottom: 8px;
background-image: url(images/box4-bg.png);
padding-top: 65px;
}


#footer {
background-color: #efefef;
width: 634px;
margin-top: 8px;
border: 1px solid black;
height: 20px;
padding: 3px;
}


.table11 {
border-top: 1px solid #b1b1b1;
}

.table00 {
border-top: 1px solid #b1b1b1;
border-bottom: 1px solid #b1b1b1;
}


.table20 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #367cce;
text-align: ;center;
}

.buttons[1] {
height: 20px;
}

.table1 {
background: #c6c7d7;
border: 1px solid #FFFFFF;
font-size: 11px;
font-weight: bold;
}

.table22 {
border-bottom: 1px solid #b1b1b1;
}


form { margin: 0; }

.table {
background: ;#e8e0e8;
border: 1px solid #e0e0e0;
}

.table2 {
background: #e6e9f7;
border: 1px solid #FFFFFF;
font-size: 11px;
font-weight: bold;
}

.table4 {
background: #e6e9f7;
border: 1px solid #FFFFFF;
}
}

.klein {
font-size: 9px;
}

.headline {
font-weight: bold;
color: #000000;
font-size: 11px;
}

.highlight {
font-weight: bold;
color: #990000;
}

.header01 {
background-color: #e6e9f7;
border: 1px solid #FFFFFF;
}

 

[Maik]

Hi,

füg mal in der "leeren" Tabellenzelle ein erzwungenes Leerzeichen   ein:

<td class="table22">&nbsp;</td>

 

[alex130]

Hi
Thx aber so hab ich es auch schon versucht, dann wird die Linie zwar im IE auch angezeigt, aber in beiden Browsern kommt unter "Registrieren" eine Leerzeile.

 

[Maik]

Versuch es mal so:

.table22 {
border-bottom: 1px solid #b1b1b1;
font-size: 0;
}

 

[alex130]

Hi
Danke nun funktoniert es.