jeanlucpicard: Hilfe bei CSS-basiertem Design

Beitrag lesen

SELF-Forum

Hilfe bei CSS-basiertem Design

jeanlucpicard
– Informationen zu den Bewertungsregeln

Habe daher mal aus:
div#content {width:774px; margin:auto; text-align:left;}
einfach:
div#content {width:100%; margin:auto; text-align:left;}
gemacht, was aber nicht funktioniert (obwohl der DIV-Block doch dann
eigentlich die Breite der gesamten Webseite haben sollte).

Die Breite hat er auch.

Wäre daher wirklich nett wenn du mir noch schreiben könntest, wie ich
die drei Cover nun im DIV-Block zentriert bekomme, wenn dieser die
Breite des gesamten Browserfensters haben soll.

Der Sinn ist mir nur nicht ganz klar. Wenn der Div-Block die Breite des Browser-Fensters haben soll, dann brauchst du doch keinen Div-Block mehr, sondern kannst den Inhalt direkt dem Body-Element unterordnen.
Ich würde also folgendes vorschlagen:

Stylesheet:

  
body {text-align:center;}  
div#cdcontainer {width:774px; margin:auto; text-align:left; background:red;}  
div.cd {width:258px; float:left;}

HTML-Body:

  
<body>  
  <div id="cdcontainer">  
    <div class="cd">  
      CD Cover 1  
    </div>  
    <div class="cd">  
      CD Cover 2  
    </div>  
    <div class="cd">  
      CD Cover 3  
    </div>  
  </div>  
  <p>Inhalt der Seite mit width:100%</p>  
</body>
Beitrag melden
–
Informationen zu den Bewertungsregeln