[HTML] Problem mit Höhe

Dieses Thema im Forum "Webdesign" wurde erstellt von enCore, 2. Mai 2009 .

Schlagworte:
  1. 2. Mai 2009
    Problem mit Höhe

    Hi und zwar habe ich nen problem und zwar folgendes...

    ich habe ein startbild das soll center.. auch kein problem
    habe eine table gemacht mit 1 zeile und 1 spalte da per css das bild reingetan.
    darunter habe ich noch ne zeile gemacht die 100% bis zum ende des browsers gehen soll.. also quasi ein streifen durchweg... ich bekomms aber nicht hin. die table bleibt so wie sie ist und streckt sich nicht... hier mal mein code

    PHP:
    <! DOCTYPE html  PUBLIC  "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
    <     html xmlns = "http://www.w3.org/1999/xhtml" >
    <     head >
    <     meta http - equiv = "Content-Type"  content = "text/html; charset=utf-8"  />
    <     title > Unbenanntes Dokument </ title >
    <     style type = "text/css" >

    </     style >
    <     link href = "css.css"  rel = "stylesheet"  type = "text/css"  />
    </     head >

    <     body topmargin = "0"  margin = "0" >
    <     center >
      <     table width = "498"  border = "0"  cellspacing = "0"  cellpadding = "0" >
        <     tr >
          <     td  class= "site" ></ td >
        </     tr >
        <     tr >
          <     td height = "100%"  class= "unten" >& nbsp ;</ td >
        </     tr >
      </     table >
    </     center >
    </     body >
    </     html >
    und hier die css datei

    PHP:
    @ charset  "utf-8" ;



    html , body  {
             background - image :  url ( Bilder / bg . jpg );
             background - repeat :  repeat ;
             margin - left :  0 %;
             margin - right :  0 %;
             margin - top :  0 %;
             margin - bottom :  0 %;
             height :  100 %;
    }

    .     site
    {
        
             background - image : url ( Bilder / index_02 . jpg );
             width : 498px ;
             height :  900px ;
    }

    .     unten  {
             height :  100 %;
             margin - bottom : 0 ;
             background - color : #000;
             min - height :  100 %;
             height :  auto
        height     :  100 %;

    }
     
    + Multi-Zitat Zitieren
  3. 3. Mai 2009
    AW: Problem mit Höhe

    Hey,

    meines Wissens ist eine volle Ausfüllung des Browserfensters mit korrektem HTML/CSS Syntax nicht möglich. Man konnte glaube ich da irgendwas mogeln.

    Ansonsten per Javascript die Größe des Sichtbaren Berichs vom Browser auslesen und eine feste höhe in Pixel für die Tabelle angeben.


    Gruß Blackbird
     
    + Multi-Zitat Zitieren
  4. 3. Mai 2009
    AW: Problem mit Höhe

    Hmm... ich verstehe dein Problem nicht so ganz, aber die Lösung von Blackbird89 kann ich auch nicht so stehen lassen, glaube ich. Möchtest du einfach eine Grafik haben, die genau so groß angezeigt wird, wie auch der Viewport vom Browser ist?
     
    + Multi-Zitat Zitieren
  5. 3. Mai 2009
    AW: Problem mit Höhe

    Was soll das ganze werden?

    Ich habe ehrlich gesagt keinen Schimmer, was genau du machen willst (^^), aber wenn du mit div-Containern arbeitest, kannst du ja eine absolute Höhe eingeben und dann z.B. befehlen, dass er vom Grund der Seite (bottom) einen Abstand von 0px hat.
     
    + Multi-Zitat Zitieren
  6. 3. Mai 2009
    AW: Problem mit Höhe

    naja ich will das so machen wie mustache es richtig erkannt hat.
    mmh gut dann probier ich mal mit div cont.

    mmh so siehts jetzt aus. funzt trotzdem nicht :S

    PHP:
    <! DOCTYPE html  PUBLIC  "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
    <     html xmlns = "http://www.w3.org/1999/xhtml" >
    <     head >
    <     meta http - equiv = "Content-Type"  content = "text/html; charset=utf-8"  />
    <     title > Unbenanntes Dokument </ title >
    <     link href = "css.css"  rel = "stylesheet"  type = "text/css"  />
    </     head >

    <     body topmargin = "0"  margin = "0" >
    <     center >
      <     table width = "498"  border = "0"  cellspacing = "0"  cellpadding = "0" >
        <     tr >
          <     td  class= "site" ></ td >
        </     tr >
      </     table >
      <     center >
        <     div align = "center"  class= "unten"  id = "unten1"  dir = "ltr" >...</ div ></ center >
    </     center >
    </     body >
    </     html >
    PHP:
    @ charset  "utf-8" ;


    html , body  {
             background - image :  url ( Bilder / bg . jpg );
             background - repeat :  repeat ;
             margin - left :  0 %;
             margin - right :  0 %;
             margin - top :  0 %;
             margin - bottom :  0 %;
             height :  100 %;
    }

    .     site
     {
        
             background - image : url ( Bilder / index_02 . jpg );
             width : 498px ;
             height :  900px ;
    }

    .     unten  {
             height :  100 %;
             margin - bottom : 0 ;
             background - color : #000;
             min - height :  100 %;
             height :  auto ;
             margin - bottom :  0px ;
             height :  100 %;
             width :  498px ;
        
        

    }
     
    + Multi-Zitat Zitieren
  7. 3. Mai 2009
    AW: Problem mit Höhe

    Hi,

    garnicht so einfach dein problem zu verstehen... aber ich glaub ich habs^^

    mit 100% höhe is das immer so eine sache.. ich würd da einfach ein wrapper mit height:100% machen und darein deine seite.. das sieht dan so aus:

    HTML:
    

<body>
 <div class="wrapper">
 <div class="site"></div>
 </div>
</body>
    HTML:
    html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, 
pre, form, fieldset, table, th, td { margin: 0; padding: 0; } 

html, body {
 height:100%;
}
.wrapper
{
 background:#353535;
 width:498px;
 margin:0 auto;
 height:100%;
}
.site
{
 
 
 background:#9C9C9C;
 height: 300px;
 width:100%;
}
    du musst da natürlich noch deine bilder etc wieder einfügen aber vom prinzip müsste das dein problem lösen.. hoffe ich mal
     
    + Multi-Zitat Zitieren
  8. 3. Mai 2009
    AW: Problem mit Höhe

    sobald ich morgen zu hause bin (gerade bei strawberry) werde ich es mal ausprobieren. klingt ja schonmal nicht schlecht vielleicht funktioniert es ja

    bw an alle schonmal raus... ich berichte morgen weiter
     
    + Multi-Zitat Zitieren
  9. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.

Auf dieses Thema antworten