LinkBack URL
About LinkBacks
ZitierenGib ein Online-Beispiel und das dazugehörige Stylesheet an. Dein Code nützt recht wenig zum selbst testen.
Hallo!
HEIGHT="100%" funktioniert nicht mehr. Ich möchte das sich der Navigation und Inhaltsbereich mindestens genauso hoch dargestellt wird, wie die Bildschirmauflösung. Wo liegt bei mir der Fehler? Oder gibt es eine bessere Lösung mit StyleSheets?
Hier mein Quellcode:
PHP-Code:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title></title>
<link rel="stylesheet" href="style.css" type="text/css">
</head>
<body>
<table border="0" cellpadding="0" cellspacing="0" width="790" align="center">
<tr>
<td style="background: url('images/1bg.gif')"><img src="images/spacer.gif" width="15" height="1" border="0" alt="spacer"></td>
<td valign="top" rowspan="3" style="background: url('images/2bg.jpg')"><a href="#"><img src="images/spacer.gif" width="64" height="45" border="0" alt="Home"></a><a href="#"><img src="images/spacer.gif" width="90" height="45" border="0" alt="Kontakt"></a><a href="#"><img src="images/spacer.gif" width="80" height="45" border="0" alt="Impressum"></a></td>
<td><img src="images/3.gif" width="17" height="97" border="0" alt="3"></td>
<td style="background: url('images/4bg.gif')"><img src="images/4.gif" width="500" height="97" border="0" alt="4"></td>
<td style="background: url('images/5bg.gif')"><img src="images/spacer.gif" width="15" height="1" border="0" alt="spacer"></td>
</tr>
<tr>
<td style="background: url('images/1bg.gif')"><img src="images/spacer.gif" width="15" height="40" border="0" alt="spacer"></td>
<td colspan="2" style="background: url('images/7bg.gif')"><img src="images/spacer.gif" width="530" height="40" border="0" alt="spacer"></td>
<td style="background: url('images/5bg.gif')"><img src="images/spacer.gif" width="15" height="40" border="0" alt="spacer"></td>
</tr>
<tr>
<td style="background: url('images/1bg.gif')"><img src="images/spacer.gif" width="15" height="191" border="0" alt="spacer"></td>
<td colspan="2"><img src="images/8.jpg" width="530" height="191" border="0" alt="8"></td>
<td style="background: url('images/5bg.gif')"><img src="images/spacer.gif" width="15" height="191" border="0" alt="spacer"></td>
</tr>
<tr>
<td style="background: url('images/1bg.gif')"><img src="images/spacer.gif" width="15" height="87" border="0" alt="spacer"></td>
<td valign="top" style="background: url('images/9bg.gif')"><img src="images/spacer.gif" width="17" height="20" border="0" alt="spacer"><a href="#"><img src="images/spacer.gif" width="103" height="20" border="0" alt="spacer"></a></td>
<td colspan="2" style="background: url('images/10bg.gif')"><img src="images/spacer.gif" width="530" height="87" border="0" alt="spacer"></td>
<td style="background: url('images/5bg.gif')"><img src="images/spacer.gif" width="15" height="87" border="0" alt="spacer"></td>
</tr>
<tr>
<td style="background: url('images/1bg.gif')" height="100%"><img src="images/spacer.gif" width="15" height="1" border="0" alt="spacer"></td>
<td valign="top" style="background: url('images/11bg.gif')" height="100%">
<div id="Navigation1">
<ul>
<li><a href="#">Lady T-Shirts</a></li>
<li><a href="#">Lady T-Shirts</a></li>
<li><a href="#">Lady T-Shirts</a></li>
</ul>
</div>
</td>
<td valign="top" colspan="2" height="100%" id="Inhalt">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td colspan="2" id="ArtikelUeberschrift1">Langarm-Hemd Splendesto, gestreift oder kariert</td>
</tr>
<tr>
<td valign="top" id="ArtikelBild1"><img src="bilder_klein/SS-03100-2.jpg" width="80" height="120" border="0" alt="Langarm-Hemd Splendesto, gestreift oder kariert"></td>
<td valign="top" id="ArtikelBeschreibung1" width="100%">
<ul>
<li>Bügelfrei nach DIN 53895</li>
<li>100% Baumwolle</li>
<li>Kent-Kragen</li>
<li>Feinste Schweizer Baumwollgarne</li>
<li>Elegante, klassische Längsstreifen </li>
<li>38-48 Kartoninhalt: 8</li>
</ul>
</td>
</tr>
</table>
</td>
<td style="background: url('images/5bg.gif')" height="100%"><img src="images/spacer.gif" width="15" height="1" border="0" alt="spacer"></td>
</tr>
<tr>
<td style="background: url('images/1bg.gif')"><img src="images/spacer.gif" width="15" height="46" border="0" alt="spacer"></td>
<td align="center" style="background: url('images/12bg.gif')">Copyright © 2006 media2be.de</td>
<td align="center" colspan="2" style="background: url('images/12bg.gif')"><a href="#">Home</a> | <a href="#">Kontakt</a> | <a href="#">Impressum</a> | <a href="#">AGB</a></td>
<td style="background: url('images/5bg.gif')"><img src="images/spacer.gif" width="15" height="46" border="0" alt="spacer"></td>
</tr>
<tr>
<td style="background: url('images/1bg.gif')"><img src="images/spacer.gif" width="15" height="15" border="0" alt="spacer"></td>
<td colspan="3" style="background: url('images/13bg.gif')"><img src="images/spacer.gif" width="764" height="15" border="0" alt="spacer"></td>
<td style="background: url('images/5bg.gif')"><img src="images/spacer.gif" width="15" height="15" border="0" alt="spacer"></td>
</tr>
</table>
</body>
</html>
Gib ein Online-Beispiel und das dazugehörige Stylesheet an. Dein Code nützt recht wenig zum selbst testen.
+lg Nightline
-------------------------
Fotoportfolio: http://www.coeser.de/showcase/
Städte-Fotos aus aller Welt: http://www.coeser.de/impressions/
DeviantArt-Account: http://nightline.deviantart.com
...ich wage es trotzdem
das Problem könnte darin liegen, dass die Höhe der äußersten Tabelle nicht definiert ist.
Ich würd's mal hiermit probieren:
<table border="0" cellpadding="0" cellspacing="0" width="790" align="center" height="100%">
Hi,
Tabellen können doch gar keine zugewiesene Höhe haben, die Größe richtet sich doch nach dem Inhalt
Allerdings kann ich auch so nicht das Problem feststellen, zeig uns das Beispiel online!
MfG LizZard
Doch doch, können sie. Nach HTML 4 ist Height="100%" ok, in XHTML nicht, aber dafür kann man dann style="height:100%" nehmen.Zitat von ~LizZard~
Tabellen können doch gar keine zugewiesene Höhe haben, die Größe richtet sich doch nach dem Inhalt
hallo,
das ist eigentlich gar kein thema! du musst einfach unter die navigationstabelle eine neue tabelle mit heigh=100% machen, dann muss die navi tabelle allerdings in einer festen größe festgelegt sein (zb. 710 pixel oder so) dann gleicht die neue tabelle automatisch sich dem fehlenden an! is ein bissel schwer das in worte zu fassen!
aber in der tat funktioniert height=100% nur in einigen fällen und wird von den browsern falsch interpretiert! das nervt ein wenig, da ich eigentlich auch sonst sehr viel damitr arbeiten würde....
mfg
Lasse
Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
