dat übliche 100%-Problem
labos
- html
Hallo, hat jemand eine Ahnung, warum das folgende nicht funktioniert:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" style="height:100%;">
<head>
<title>Unbenannte Seite</title>
</head>
<body style="position: absolute; margin-top: 0px; margin-left: 0px; background-color: #737373; height:100%;">
<table cellpadding="0" cellspacing="0" border="0" style="width: 858px; height:100%;">
<tr>
<td colspan="2" style="background-color: #efefef; width: 850px; height: 82px;"
align="right">
logo </td>
<td style="width: 8px; height: 82px;"></td>
</tr>
<tr>
<td style="width: 250px;" valign="top">
menu
</td>
<td style="width: 600px; background-color: #009CDD; vertical-align:top;">
und hier
</td>
<td style="width: 8px;"></td>
</tr>
<tr>
<td style="width: 250px; height:100%;"></td>
<td style="width: 600px; height:100%; background-color: #009CDD;"></td>
<td style="width: 8px; height:100%;"></td>
</tr>
</table>
</body>
</html>
Nicht funktionieren heißt, dass Firefox alles schön anzeigt, IE aber über die 100% hinausgeht und das Feld vergrößert, so dass Scrollbalken erscheinen.
Gruß
labos
Moin labos,
Hallo, hat jemand eine Ahnung, warum das folgende nicht funktioniert:
<td colspan="2" style="background-color: #efefef; width: 850px; height: 82px;"
<td style="width: 8px; height: 82px;"></td>
<td style="width: 600px; height:100%; background-color:
wieviel Prozent ergeben 100% + n px?
regds
Mike©
Hi, verstehe ich nicht ganz! Willst du sagen, dass die 82px die 100% beschränken? Aber die 82 beziehen sich auf eine Spalte, nicht auf die Tabelle, d.h. die 100% in der letzten Spalte sollen die Tabelle dann ausdehnen.
Moin labos,
Hallo, hat jemand eine Ahnung, warum das folgende nicht funktioniert:
<td colspan="2" style="background-color: #efefef; width: 850px; height: 82px;"
<td style="width: 8px; height: 82px;"></td><td style="width: 600px; height:100%; background-color:
wieviel Prozent ergeben 100% + n px?
regds
Mike©
Moin labos,
Hi, verstehe ich nicht ganz! Willst du sagen, dass die 82px die 100% beschränken? Aber die 82 beziehen sich auf eine Spalte, nicht auf die Tabelle, d.h. die 100% in der letzten Spalte sollen die Tabelle dann ausdehnen.
Die Spalte soll 100% hoch sein. Fein, aber 100% von was?
regds
Mike©
Na, 100% im Browser! Das ist in allen Elternelementen angegeben, oder?
Die Spalte soll 100% hoch sein. Fein, aber 100% von was?
regds
Mike©
Moin labos,
Na, 100% im Browser! Das ist in allen Elternelementen angegeben, oder?
Nö. Du hast definiert, dass die Tabelle in der Höhe 100% des verfügbaren Platzes einnehmen soll.
Alle weiteren Angaben zu der Höhe der Spalten richten sich nun an der Höhe der Tabelle aus. Da Du mehreren Zeilen bereits eine Höhe von n Pixel zugewiesen hast, sind das 100% - n Pixel.
Die betreffende Spalte kann nun also gar nicht 100% der Höhe haben, da keine 100% mehr übrig sind.
Der IE vergrößert daher (laut deinen Angaben) die gesamte Höhe der Tabelle auf 100% + n Pixel. Also mehr als 100%
@Forum,
liege ich da falsch, oder kommt das so einigermaßen hin?
regds
Mike©