[CSS] Seitenaufbau wird nicht richtig umgesetzt

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

  • [CSS] Seitenaufbau wird nicht richtig umgesetzt

    Hallo,

    es geht um die Seite:

    http://gilligans-island.de/index.php...istory&lang=de

    Zur besseren Ansicht sind derzeit einige dünne Rahmen um die Elemente gezogen.

    Die Seite hat eine Gesammtbreite von 970px:

    PHP-Code:
       #haupt 
          

             
    width970px
             
    text-alignleft;  
             
    margin-leftauto
             
    margin-rightauto;
             
    padding0px;
             
    font-size:12px;
          } 
    Die Linke und rechte Spalte haben eine Breite von 174px

    PHP-Code:
          {
             
    width:174px;
             
    floatleft;
             
    font-size:10px;
             
    border-style:solid;
             
    border-width:1px;
          } 
    Der Innenbereich hat eine Breite von 600px und links und rechts einen Aussenabstand von derzeit 8 px:

    PHP-Code:
       #inhalt
          
    {
             
    text-align:justify;
             
    float:left;
             
    width:600px;
             
    margin0 8px 0 8px;
             
    border-style:solid;
             
    border-width:1px;
          } 
    Zusammengerchent mit den Rahmen komme ich auf die Gesammt breite. Nun habe ich in der Mitte in dem Bereich #inhalt ein weiteres div Element mit dem Namen .artikel

    Dieses Element hat auch eine breite von 600px angegeben und einen Innenabstand (auf allen Seiten von 20px)

    PHP-Code:
       {
          
    padding:20px 20px 20px 20px;
          
    width:600px;
          
    border-style:solid;
          
    border-width:1px;
          
    border-color:red;
       } 
    Wenn man jetzt auf der Seite sich den Rahmen (rot) anguckt ist dieses Element breiter als sein Elternelement, was ja auch 600px hat :-(

  • #2
    informier dich mal über das box-modell dann wird dir schnell klar, was los ist.

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

    Kommentar


    • #3
      Das Boxmodell von W3C geht davon aus, daß die Angaben zum Padding (innerer Abstand), zum Rahmen und zum Margin (äußerer Abstand) zu dem Content (Inhalt) dazu gezählt bzw. zu der Angabe der Höhe und der Breite des Inhalts addiert werden.
      Deine Box müsste also 640px breit sein.
      Gutes Tutorial | PHP Manual | MySql Manual | PHP FAQ | Apache | Suchfunktion für eigene Seiten

      [color=red]"An error does not become truth by reason of multiplied propagation, nor does truth become error because nobody sees it."[/color]
      Mohandas Karamchand Gandhi (Mahatma Gandhi) (Source)

      Kommentar


      • #4
        Bzw. in meinem Fall der Inhalt 540px...

        Boah ich bekomme nochmal die Krise mit dem ganzen kram....

        Kommentar

        Lädt...
        X