Boxen immer nebeneinander + margin

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

  • Boxen immer nebeneinander + margin

    Hallo

    Kann man Boxen (#left,#right,#content) immer nebeneinander darstellen? Falls ja, wäre ein Beispiel super.

    Wenn beim jetzigen Code der Benutzer das Browserfenster verkleinert, wird die #content-Box plötzlich unterhalb der #left-Box und #right-Box dargestellt. Wie kann ich das verhindern?

    Dann möchte ich noch gerne die #content-Box genau nach links neben der #left-Box und genau nach rechts neben der #right-Box ausrichten. Ich habe es mit margin-left:10px; und margin-right:10px; versucht. Die #content-Box soll sich immer anpassen.

    Hier ein Grafik
    Grafik

    PHP-Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    <
    html>
    <
    head>
    <
    style type="text/css"><!--
    body 
    {
     
    font-family:Verdana;
     
    font-size:12px;
     
    background-color:#99CC66;
    }

    #title {
        
    height:34px;
        
    padding:10px;
        
    border:5px solid #000000;
        
    background-color:#ffffff;
        
    margin-bottom:10px;
    }

    #left,#right {
        
    width:170px;
        
    border:5px solid #000000;
        
    background-color:#ffffff;
    }

    #left {
        
    float:left;
    }

    #right {
        
    float:right;
    }

    #content {
        
    width:50%;
        
    float:left;
        
    margin-left:10px;
        
    margin-right:10px;
        
    border:5px solid #000000;
        
    background-color:#efefef;
    }
    //--></style>
    <title></title>
    </
    head>
    <
    body>
    <
    div id="title">
      <
    h1>&nbsp;</h1>
    </
    div>

     <
    div id="left">
    <
    p>&nbsp;</p>
     </
    div>
     
      <
    div id="right">
    <
    p>&nbsp;</p>
     </
    div>
     
    <
    div id="content">
    <
    p>&nbsp;</p>
     </
    div>
    </
    body>
    </
    html

  • #2
    Bitte nach Entwicklung verschieben.

    Kommentar


    • #3
      Die erste Frage hat sich nun erledigt. Jetzt fehlt nur noch die "Fixierung für das Browserfenster verkleinern".

      Kommentar

      Lädt...
      X