KingKiba
Threadersteller
Dabei seit: 24.08.2007
Ort: -
Alter: 36
Geschlecht: -
|
Verfasst Fr 24.08.2007 11:34
Titel Tabelle 100% - HTML/PHP Problem! |
|
|
Hallo,
mein 1. Beitrag
Ich hab ein kleines Problem. Ich bin mir sicher dieses Thema gabs hier bestimmt schonmal aber irgendwie blicke ich nicht ganz durch. Habe auch schon gegooglet jedoch nichts Informatives gefunden.
Vorerst stelle ich euch mal den Quelltext vor damit Ihr euch hineinversetzten könnt:
Code: | <html>
<head>
<meta http-equiv="content-type"
content="text/html; charset=ISO-8859-1">
<title>NonvisioN | Werbeproduktion</title>
</head>
<body style="background-image: url(bg.jpg); color: rgb(0, 0, 0); background-color: rgb(225, 237, 239);"
link="#0000ff" alink="#000088" vlink="#ff0000">
<div style="text-align: center;"><br>
<table cellpadding="0" cellspacing="0" border="0"
style="text-align: left; margin-left: auto; margin-right: auto; width: 883px;">
<tbody>
<tr>
<td style="background-image: url(non_header.jpg); vertical-align: top; height: 152px; width: 883px;"></td>
</tr>
<tr>
<td style="vertical-align: top; width: 883px;">
<table cellpadding="0" cellspacing="0" border="0"
style="text-align: left; width: 883px;">
<tbody>
<tr>
<td style="vertical-align: top; width: 158px;">
<table cellpadding="0" cellspacing="0" border="0"
style="text-align: left; width: 158px;">
<tbody>
<tr>
<td
style="background-image: url(non_men%FC.jpg); vertical-align: top; height: 289px; width: 158px;">
</td>
</tr>
<tr>
<td style="background-image: url(non_men%FCbg.jpg);vertical-align: top; height: 100%;">
</td>
</tr>
<tr>
<td
style="background-image: url(men%FCfooter.jpg);vertical-align: top; height: 28px; width: 158px;">
</td>
</tr>
</tbody>
</table>
</td>
<td style="vertical-align: top; width: 13px;">
<table style="text-align: left; width: 13px; height: 350px;"
border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td
style="background-image: url(non_body1.jpg); vertical-align: top; height: 198px; width: 13px;">
</td>
</tr>
<tr>
<td style="background-image: url(non_body1bg.jpg); vertical-align: top; height: 100%;">
</td>
</tr>
<tr>
<td
style="background-image: url(non_body1unten.jpg);vertical-align: top; height: 41px; width: 13px;">
</td>
</tr>
</tbody>
</table>
</td>
<td style="vertical-align: top; width: 605px;">
<table cellpadding="0" cellspacing="0" border="0"
style="text-align: left; width: 605px; height: 350px;">
<tbody>
<tr>
<td
style="background-image: url(non_content1head.jpg);vertical-align: top; height: 16px; width: 605px;">
</td>
</tr>
<tr>
<td style="background-image: url(non_contentbg.jpg); vertical-align: top; height: 100%;width: 605px;"><br>Text <br>Text <br>Text <br>Text <br>Text <br>Text <br>Text <br>Text <br>Text <br>Text <br>Text <br>Text <br>Text <br>Text <br>Text <br>Text <br>Text
</td>
</tr>
<tr>
<td
style="background-image: url(non_contentfoot.jpg); vertical-align: top; height: 42px; width: 605px;">
</td>
</tr>
</tbody>
</table>
</td>
<td style="vertical-align: top; width: 34px;">
<table cellpadding="0" cellspacing="0" border="0"
style="text-align: left; width: 34px; height: 350px;">
<tbody>
<tr>
<td
style="background-image: url(non_rohr.jpg); vertical-align: top; height: 227px; width: 34px;">
</td>
</tr>
<tr>
<td style="background-image: url(non_rohrbody.jpg); vertical-align: top; height: 100%;">
</td>
</tr>
<tr>
<td
style="background-image: url(non_rohrfoot.jpg); vertical-align: top; height: 42px; width: 34px;">
</td>
</tr>
</tbody>
</table>
</td>
<td style="vertical-align: top; width: 29px;">
<table cellpadding="0" cellspacing="0" border="0"
style="text-align: left; width: 29px; height: 350px;">
<tbody>
<tr>
<td
style="background-image: url(non_rohr2.jpg); vertical-align: top; height: 291px; width: 29px;">
</td>
</tr>
<tr>
<td
style="background-image: url(non_rohr2bg.jpg); vertical-align: top; height: 100%; width: 29px;">
</td>
</tr>
<tr>
<td
style="background-image: url(non_rohr2foot.jpg); vertical-align: top; height: 5px; width: 29px;"></td>
</tr>
</tbody>
</table>
</td>
<td style="vertical-align: top; width: 44px;">
<table cellpadding="0" cellspacing="0" border="0"
style="text-align: left; width: 44px; height: 350px;">
<tbody>
<tr>
<td
style="background-image: url(non_au%DFen.jpg); vertical-align: top; height: 315px; width: 44px;">
</td>
</tr>
<tr>
<td
style="background-image: url(non_au%DFenbg.jpg); vertical-align: top; height: 100%; width: 44px;">
</td>
</tr>
<tr>
<td
style="background-image: url(non_au%DFenfoot.jpg);vertical-align: top; height: 9px; width: 44px;"></td>
</tr>
</tbody>
</table>
<br>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<br>
</div>
</body>
</html>
|
Mein Problem liegt bei folgenden Tabellen:
Code: | <table cellpadding="0" cellspacing="0" border="0"
style="text-align: left; width: 158px;">
<tbody>
<tr>
<td
style="background-image: url(non_men%FC.jpg); vertical-align: top; height: 289px; width: 158px;">
</td>
</tr>
<tr>
<td style="background-image: url(non_men%FCbg.jpg);vertical-align: top; height: 100%;">
</td>
</tr>
<tr>
<td
style="background-image: url(men%FCfooter.jpg);vertical-align: top; height: 28px; width: 158px;">
</td>
</tr>
</tbody>
|
Um genauer zu sein müsste die height: 100% Spalte die ganze Tabelle auf 100% höhe bringen. Diese Tabelle befindet sich in einer anderen Tabellenspalte. Die Tabellenspalte 2 Weiter links beinhaltet eine Spalte die der sogenannte "content" sein wird. Da sich der inhalt des contents immer ändert wird sich dann die gesamt höhe der 3ten spalte erhöhen.
ich möchte halt das sich die anderen spalteninhalte (die tabellen) auch alle mitziehen.
wie kann ich das realisieren? am besten wäre es wenn es soweit bei allen beliebten browsern funktioniert. (sehr wichtig bei IE und Firefox)
wenn das mit css funktioniert würde ich mich auch eine kleine einleitung freuen.
mit freundlichen grüßen
KK
|
|