CSS - Layoutproblem

Einklappen
X
 
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • CSS - Layoutproblem

    Hallo,

    Ich habe momentan meine Probleme mit CSS,
    Folgendes Ausganssituation,
    ich möchte ein einfaches "3-Spalten-Layout"

    1x 500px breiter "header" mit logo
    1x 100px breites "menü" mit den links
    1x 400px breites "content" mit dem inhalt

    der rest ergibt sich ja dann,
    doch ich häng an der umsetzung mit css,
    ich habe meinen header bereits zentriert doch ich bekomm die restlichen 2 spalten nicht nebeneinander darunter ?!

    Vielleicht kann mir wer helfen


    PHP-Code:
    html,body {
    height:100%;
    width:500px;
    text-align:center;
    background-color:#d5c479;
    margin:0;padding:0;
    }

    #header{
    background-image:url(logo.png);
    width:500px;
    height:125px;
    border-width:1px;
    border-style:solid;
    border-color:#000000;

    }

    #nav{
    border-width:1px;
    border-style:solid;
    border-color:#000000;
    width:125px;
    }

    #content{
    border-width:1px;
    border-style:solid;
    border-color:#000000;
    width:375px;


  • #2
    PHP-Code:

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

    <
    div id="header"></div>
    <
    div id="nav"></div>
    <
    div id="content"></div

    ist die html datei ;-)

    Kommentar


    • #3
      Google, da gibt es Tutorials wie Sand am Meer zu

      Ein netter Guide zum übersichtlichen Schreiben von PHP/MySQL-Code!

      bei Klammersetzung bevorzuge ich jedoch die JavaCoding-Standards
      Wie man Fragen richtig stellt

      Kommentar


      • #4
        Tja woher ist wohl der anfang ;-)
        dennoch danke..
        vielleicht findet sich wer anderer der mir nen anhaltspunkt geben könnte ?

        Kommentar


        • #5

          http://www.google.de/search?q=css%20...out%20tutorial

          Ein netter Guide zum übersichtlichen Schreiben von PHP/MySQL-Code!

          bei Klammersetzung bevorzuge ich jedoch die JavaCoding-Standards
          Wie man Fragen richtig stellt

          Kommentar


          • #6
            und hier gibt es zwei tutorials dazu

            gruß
            peter
            Nukular, das Wort ist N-u-k-u-l-a-r (Homer Simpson)
            Meine Seite

            Kommentar

            Lädt...
            X