[css] wie bekomme ich so ein div-gerüst hin

Dieses Thema im Forum "Webentwicklung" wurde erstellt von onip, 22. August 2006 .

Status des Themas:
Es sind keine weiteren Antworten möglich.
  1. 22. August 2006
    hallo,
    probiere gerade ein layout umzusetzen, dass ich über reine divs nicht hinbekomme.
    könnt mir jemand dabei helfen?

    meine vorstellung

    hier mal ein ansatz:
    PHP:
    <! DOCTYPE HTML  PUBLIC  "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd" >

    <
    html >
    <
    head >
        <
    title > CSS Template </ title >
        <
    meta http - equiv = "content-type"  content = "text/html; charset=iso-8859-1" >
    </
    head >
    <
    style type = "text/css" >
        
    BODY  {
            
    background - color : #666;
            
    margin : 10px 0px ;
        }

        
    DIV #site {
            
    margin : 0px auto ;
            
    text - align : center ;
            
    width : 760px ;
        }
        

        
    DIV #head {
            
    border 0px solid  #000;
            
    width 760px ;
        }
        
    DIV #logo {
            
    display : block ;
            
    float : left ;
            
    border 1px solid  #000;
        
    }
        
    DIV #nav1 {
            
    text - align left ;
            
    border 1px solid  #000;
        
    }
        
    DIV #nav2 {
            
    text - align right ;
            
    border 1px solid  #000;
        
    }
        
    DIV #keyvisual {
            
    border 1px solid  #000;
        
    }
    </
    style >
    <
    body >

    <
    div id = "site" >
        <
    div id = "head" >
            <
    div id = "logo" > logo </ div >
            <
    div id = "nav2" > nav2 </ div >
            <
    div id = "keyvisual" > keyvisual </ div >
            <
    div id = "nav1" > nav1 </ div >
        </
    div >
    </
    div >

    </
    body >
    </
    html >
     
  2. 22. August 2006
    Das ist doch einfach mit ner Tabelle zu lösen, nicht mit divs

    2 Rows,
    Links eine Zelle (colspan="3")
    Rechts 3 Zellen

    hansi
     
  3. 22. August 2006
    danke, das weiß ich doch auch.
    es geht um ein layout, das nur aus divs bestehen soll

    stichwort
    "Semantischer Code ist der Anfang von gutem Design"
     
  4. 22. August 2006
    hm gibt 2 wege:

    1. du gibst dem logo ding eine feste höhe dann ist das ganze gelöst (also mit height: 200px zb
    2. du unterteilst den head div nochmal in links und rechts (wobei wen logo ein einzelnes feld ist reicht es auch wenn du die anderen 3 mit einem div gruppierst) und floatest beides left (float:left

    sollte eigentlich beides gehn was besser ist kommt teilweise uach auf den inhalt an zB wird bei ersterem irgendwann der text unters logo geschrieben wenn er lang genug wird
     
  5. 22. August 2006
    @xPliCt
    danke, mit bischen float und height funzt das ganze.

    viele grüße

    ps: 10*

    *closed*
     
  6. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.