[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. Diese Seite verwendet Cookies. Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies. Weitere Informationen
  1. #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. Anzeige
  3. #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
     
  4. #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"
     
  5. #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
     
  6. #5 22. August 2006
    @xPliCt
    danke, mit bischen float und height funzt das ganze.

    viele grüße

    ps: 10*

    *closed*
     

  7. Videos zum Thema
Die Seite wird geladen...
Similar Threads - css bekomme div
  1. Antworten:
    5
    Aufrufe:
    1.659
  2. wie bekomme ich einen css code?

    Juanez , 8. September 2008 , im Forum: Webentwicklung
    Antworten:
    7
    Aufrufe:
    1.197
  3. Antworten:
    0
    Aufrufe:
    1.467
  4. Antworten:
    3
    Aufrufe:
    1.398
  5. Antworten:
    1
    Aufrufe:
    1.040