[CSS] table 100%

Dieses Thema im Forum "Webdesign" wurde erstellt von White_Angel, 3. Februar 2010 .

Schlagworte:
  1. 3. Februar 2010
    table 100%

    Also
    ich komm grade iwie nicht weiter...
    ich bin grad dabei ein ACP zu bauen und mache grad die navi leiste links...
    und steh vor folgendem problem...
    ich möchte das beim table "height: 100%" ist, d.h. dass es es sich an den bildschirm anpasst... und mein probem ist beim <td> tag nimm er die nicht an...
    und wenn ich es dem table selber zuweise zieht der mir den text auch in die mitte und ich kann es nicht mehr ausrichten, also es soll grade zum bottom verlaufen und der text soll beim top stehen..

    Code:
    <html>
    
    <head>
    <title>Admin Control Panel</title>
    <style type="text/css">
    <!--
    
    body { 
     margin-top:0px;
     margin-left:0px;
     margin-bottom: 0px;
     background-color: #afafaf;
    }
    
    table.navi {
     float: left;
     background-color: #efa506;
     border-right:5px groove #000000;
     width: 200px;
    
    }
    
    
    
    td.acp {
     text-align: center;
     font-size: 20px;
    
    }
    
    
    
    -->
    </style>
    </head>
    
    <body>
    
    <table class="navi">
    <tr>
    <td class="acp">
    <b>ACP</b><p>
    News<br>
    About<br>
    </td>
    </tr>
    <tr>
    [COLOR="Red"]<td style="height: 100%;">[/COLOR] // wieso funzt das net?
    </td>
    </tr>
    </table>
    
    
    
    
    
    
    
    </body>
    
    </html>
    
     
  2. 3. Februar 2010
    AW: table 100%

    Code:
    <html>
    
    <head>
    <title>Admin Control Panel</title>
    <style type="text/css">
    <!--
    
    body { 
     margin-top:0px;
     margin-left:0px;
     margin-bottom: 0px;
     background-color: #afafaf;
    }
    
    div.navi {
     float: left;
     background-color: #efa506;
     border-right:5px groove #000000;
     width: 200px;
     height: 100%;
    
    }
    
    
    
    td.acp {
     text-align: center;
     font-size: 20px;
    
    }
    
    
    -->
    </style>
    </head>
    
    <body>
    
    <div class="navi">
    <table>
    <tr>
    <td class="acp">
    <b>ACP</b><p>
    News<br>
    About<br>
    // Und hier gehts weiter<br>
    </td>
    </tr>
    </table>
    </div>
    
    
    
    
    
    
    </body>
    
    </html>
    Ich arbeite grundsätzlich mit divs siehe code
     
  3. 3. Februar 2010
    AW: table 100%

    @xXSlashXx

    hast du das schon mal probiert
    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    
    <html>
    <head>
    <title>Unbenannt</title>
    <style type="text/css">
    <!--
    
    body { 
     margin-top:0px;
     margin-left:0px;
     margin-bottom: 0px;
     background-color: #afafaf;
    }
    
    div.navi {
     float: left;
     background-color: #efa506;
     border-right:5px groove #000000;
     width: 200px;
     height: 100%;
    
    }
    
    
    
    td.acp {
     text-align: center;
     font-size: 20px;
    
    }
    
    
    -->
    </style>
    </head>
    
    <body>
    
    
    <div class="navi">
    <table>
    <tr>
    <td class="acp">
    <b>ACP</b><p>
    News<br>
    About<br>
    // Und hier gehts weiter<br>
    </td>
    </tr>
    </table>
    </div>
    
    
    </body>
    </html>
    
    wie du siehst geht height 100% nicht.
    falls es dich interesiert und du valides html erstellen willst
    FAQ -- Häufig gestellte Fragen und häufig gegebene Antworten - XHTMLforum
    siehe: 4) 100% Höhe
     
  4. 3. Februar 2010
    AW: table 100%

    hey thx^^

    ich arbeite eig auch mit divs...
    ich hab da kein unterschied gesehen ob ich das in table oder div stecke
    aber es funktioniert =)
     
  5. 3. Februar 2010
    AW: table 100%

    @onip
    Ich habe meinen Code getestet und bei mir funtzt der zu 100% so wie White_Angel es wollte
     
  6. 3. Februar 2010
    AW: table 100%

    ja es ist ja deiner der funktioniert =P also klappt alles super sowie ich es wollte
    also hat das div nen eigenes table sozusagen erstellt und darin noch eins eingebaut =P
     
  7. 3. Februar 2010
    AW: table 100%

    ein div ist ein container bzw. ein block. es ist immer 100% breit, bis man halt die breite selber bestimmt
     
  8. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.