✔ Höhe 100% in tabelle nicht möglich!?

[crsakawolf]

Moin Community,

frage zu einer Tabelle, die auf meiner Seite 100% nach utnen reichen soll.

hier der code

<table cellpadding="0" cellspacing="0" style="width:155px;height:100%;">
                         <tr style="height:100%;background-image:url('../design/button/navi_bg.jpg');background-repeat:background-repeat:repeat-y;">
                                 <td style="height:100%">
                                                &nbsp;
                                 </td>
                         </tr>


                 </table>

Css Datei

/*---CSS Datei PS3---*/
body{
         background-color:#1e1e1e;
         margin:0px;
         padding:0px;
         height:100%;
}
img{
         display:block;
         border:0px;
}
table{
         border:0px;
         margin:0px;
         padding:0px;
}

#header{
}
#navi{
         height:100%;
         width:155px;
}

Mein Problem. ich habe rechts eine spalte, navigation, und drunter soll einfach nur das Background bis runter gehen.

Also immer bis runter.

Jmd ne idee?

 

[Maik]

Hi,

dir ist hier schonmal ein Syntax-Fehler unterlaufen:

height:100%;background-image:url('../design/button/navi_bg.jpg');background-repeat:background-repeat:repeat-y;

Desweiteren ist es im standardkonformen Darstellungsmodus des (X)HTML-Dokuments erforderlich, die derzeitige height:100%-Deklaration für das body-Element auf das html-Element auszuweiten, um die Tabellenhöhe im Viewport auf 100% zu strecken.

mfg Maik

 

[crsakawolf]

Danke erstma für den Tipp =)

wenn ich das auf 100% setz, dann zieht der mir die navi auseinander

Beziehungsweise setzt sich der Div dann neben die navi..

/*---CSS Datei PS3---*/
html{
         width:100%;
         height:100%;
}
body{
         background-color:#1e1e1e;
         margin:0px;
         padding:0px;
         height:100%;
         width:100%;
}
img{
         display:block;
         border:0px;
}
table{
         border:0px;
         margin:0px;
         padding:0px;
}

#header{
}
#navi{
         float:left;
         width:155px;
}
#werbung{
         height:100%;
         float:left;
}

#content{
         margin:0px;
         margin-left:155px;
         padding:0px;
         width:614px;
         height:15px;
}

                                         <a href="#">
                                         <img src="../design/button/about_kontakt.jpg">
                                         </a>
                                 </td>
                         </tr>
                         <tr>
                                 <td>
                                         <a href="#">
                                         <img src="../design/button/about_quellenangabe.jpg">
                                         </a>
                                 </td>
                         </tr>
                 </table>
         </div>
                 <!--- Werbung -->
                 <div id="werbung">
                        <table cellpadding="0" cellspacing="0" style="width:155px;height:100%;">
                                <tr style="height:100%;background-image:url('../design/button/navi_bg.jpg');background-repeat:repeat-y;">
                                        <td style="height:100%">
                                                       &nbsp;
                                        </td>
                                </tr>


                        </table>
                 </div>


         <!-- Content -->

         <div id="content">
                   <table cellspacing="0" cellpadding="0">
                         <tr>
                              <td style="background-image:url('../design/content/header.jpg');background-repeat:none;height:15px;width:614px;">
                                 &nbsp;
                              </td>
                         </tr>
                   </table>

         </div>

 

[Maik]

Ich kenne nicht den Sollzustand des Seitenlayouts, aber bei mir werden die CSS-Regeln der drei DIV-Blöcke browserübergreifend korrekt interpretiert. Außerdem wüsste ich jetzt nicht, was das falsche Ausrichten der DIV-Blöcke mit der empfohlenen Höhendeklaration zu tun hätte.

Vielleicht solltest du den Zellinhalt mittels vertical-align:top oben ausrichten, denn derzeit wird er in der Vertikalen zentriert.

Nebenbei noch ein Tipp: Tabellen dienen semantisch nicht als "Gestaltungswerkzeug" einer Website.

mfg Maik

 

[crsakawolf]

Mom mal bild anhöngen.

vertical align hat leider keinen erfolg gebracht

EDIT

Mah bin ich ne blinze -.-

Wer gucken kann ist klar im vorteil oder



Hab 2*100% gehabt, in der tabelle und in der div.... da kanns nicht geht.

1mal das 100% rausgenommen und schon klappts auch mit den nachbarn

Aber das mit dem HTML 100% hats gebracht.

Danke danke