nicht angemeldet
Tabelle 100% tut nicht
Gunnar BittersmannDie folgende Tabelle funktioniert leider nicht, wie gewünscht. Die dot.jpg im vorletzten <td> ist ein 1 Px große, braune Datei, die die verbleibende Fläche nach unten zu 100% füllen soll. Leider tut sie es nicht. Sie füllt nur die Fläche in der Größe des .
<table bgcolor="#6d685d" height="100%" width="910" border="0" cellpadding="0" cellspacing="0">
<tr>
<td valign="top" width="900">
<a href="a.html"><img src="images/bild.jpg" border=0 width="900" height="595" /></a><br />
<a href="b.html"><img src="images/bild_unten.jpg" border=0 width="900" height="205" /></a></td>
<td background="images/verlauf.gif" width="10">
</td>
</tr>
<tr>
</tr>
<tr>
<td background="images/dot.jpg" width="900" height="100%"> </td>
<td background="images/verlauf.gif" width="10" height="100%"> </td>
</tr>
</table>
Die Probleme mit 100% habe ich oft....
-
Die Probleme mit 100% habe ich oft....
Kann ich mir vorstellen, da die Höhenangabe ja für dabellen nicht vorgesehen ist...
-
Aber die Breite geht doch auch:
http://de.selfhtml.org/html/tabellen/layouts.htm
Die Probleme mit 100% habe ich oft....
Kann ich mir vorstellen, da die Höhenangabe ja für dabellen nicht vorgesehen ist...
-
Hat sich erledigt, es funktioniert nun!!! Ich hatte das <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
entfernt und schon gings...-
Hallo labos.
Hat sich erledigt, es funktioniert nun!!! Ich hatte das <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
entfernt und schon gings...Du löst das Problem, indem du dein Dokument verstümmelst?
Einen schönen Dienstag noch.
Gruß, Ashura
--
sh:( fo:} ch:? rl:( br: n4:~ ie:{ mo:| va:) de:> zu:} fl:( ss:) ls:[ js:|
„It is required that HTML be a common language between all platforms. This implies no device-specific markup, or anything which requires control over fonts or colors, for example. This is in keeping with the SGML ideal.“
[HTML Design Constraints: Logical Markup]-
Ashura, ich bin sehr offen für andere Vorschläge!!!!
-
Hallo labos.
Ashura, ich bin sehr offen für andere Vorschläge!!!!
Da Tabellen über kein height-Attribut verfügen, solltest du dich mit <http://de.selfhtml.org/css/layouts/index.htm@title=CSS-basierten Layouts> befassen. Vorteile und Nutzen findest du zuhauf im hiesigen Archiv.
Einen schönen Dienstag noch.
Gruß, Ashura
--
sh:( fo:} ch:? rl:( br: n4:~ ie:{ mo:| va:) de:> zu:} fl:( ss:) ls:[ js:|
„It is required that HTML be a common language between all platforms. This implies no device-specific markup, or anything which requires control over fonts or colors, for example. This is in keeping with the SGML ideal.“
[HTML Design Constraints: Logical Markup]-
Daran lag es leider nicht, denn ich hatte es auch mit CSS probiert.
-
Hallo labos.
Daran lag es leider nicht, denn ich hatte es auch mit CSS probiert.
Und *was* hattest du probiert? Mit CSS ist es auf jeden Fall möglich, auch wenn das eigentliche Problem der Tabellenmissbrauch ist.
Einen schönen Dienstag noch.
Gruß, Ashura
--
sh:( fo:} ch:? rl:( br: n4:~ ie:{ mo:| va:) de:> zu:} fl:( ss:) ls:[ js:|
„It is required that HTML be a common language between all platforms. This implies no device-specific markup, or anything which requires control over fonts or colors, for example. This is in keeping with the SGML ideal.“
[HTML Design Constraints: Logical Markup]-
Hallo Ashura,
das hier:
<table bgcolor="#6d685d" style="height: 100%;" width="910" border="0" cellpadding="0" cellspacing="0">
<tr>
<td valign="top" width="900">
<a href=""><img src="bild.jpg" border=0 width="900" height="595"></a><br>
<a href=""><img src="bild.jpg" border=0 width="900" height="205"></a></td>
<td background="verlauf.gif" width="10">
</td>
</tr>
<tr>
<td background="dot.jpg" width="900" style="height: 100%;"> </td>
<td background="verlauf.gif" width="10" style="height: 100%;"> </td>
</tr>
</table>-
Hallo labos.
das hier:
<table bgcolor="#6d685d" style="height: 100%;" width="910" border="0" cellpadding="0" cellspacing="0">
Das war zu erwarten.
Nun denken wir einmal logisch: 100% heißt 100 *von* 100. Worauf sollen sich die 100% denn nun deiner Meinung nach beziehen?
Du musst schon allen Elternelementen ebenfalls eine entsprechende Höhenangabe verpassen und, um unnötige vertikale Scrollbalken zu verhindern, http://de.selfhtml.org/css/eigenschaften/randabstand.htm@title=alle http://de.selfhtml.org/css/eigenschaften/innenabstand.htm@title=Abstände auf 0 setzen.<tr>
<td valign="top" width="900">
<a href=""><img src="bild.jpg" border=0 width="900" height="595"></a><br>
<a href=""><img src="bild.jpg" border=0 width="900" height="205"></a></td>
<td background="verlauf.gif" width="10">
</td>
</tr>
<tr>
<td background="dot.jpg" width="900" style="height: 100%;"> </td>
<td background="verlauf.gif" width="10" style="height: 100%;"> </td>
</tr>Interessant; eine inhaltlich leere Tabelle …
Einen schönen Dienstag noch.
Gruß, Ashura
--
sh:( fo:} ch:? rl:( br: n4:~ ie:{ mo:| va:) de:> zu:} fl:( ss:) ls:[ js:|
„It is required that HTML be a common language between all platforms. This implies no device-specific markup, or anything which requires control over fonts or colors, for example. This is in keeping with the SGML ideal.“
[HTML Design Constraints: Logical Markup]-
Ich hatte den Body auf 0 gesetzt (nicht mitgeschickt!). Dann müsste sich doch die Tabelle am Body orientieren. 100% bezieht sich demnach auf die im Browser angezeigte Fläche, oder nicht?
Die Tabelle ist nicht leer. Der untere Teil soll durch das Hintergrundbild die restliche Fläche füllen.
-
Hello out there!
Ich hatte den Body auf 0 gesetzt
Und _welche_ Eigenschaft für body hast du auf 0 gesetzt?
(nicht mitgeschickt!).
Bei deiner Geheimniskrämerei ist dir nur schwer zu helfen.
Dann müsste sich doch die Tabelle am Body orientieren.
Tut sie. Und body hat welche Höhe?
100% bezieht sich demnach auf die im Browser angezeigte Fläche, oder nicht?
Nein, ja, tut sie nicht. Ashura sagte was von „allen Elternelementen“. Du hast das Elternelement von body bedacht? _Dessen_ Höhe soll auch 100% der im Browser angezeigte Fläche sein; dann klappt’s auch mit dem Nachbarn – äh den Nachfahren.
Die Tabelle ist nicht leer.
Doch, ist sie. Immer wieder gern gelesen: Der Suchmaschinenrobot und der Webdesigner.
Der untere Teil soll durch das Hintergrundbild die restliche Fläche füllen.
Und warum missbrauchst du eine Tabelle, anstatt CSS auf vernünftiges[tm] HTML anzuwenden?
See ya up the road,
Gunnar--
“Remember, in the end, nobody wins unless everybody wins.” (Bruce Springsteen)
-
-
-
-
-
-
-
-
-
-
-