css

[pangu]

nehmen wir an ich möchte 2 divboxen:

http://img399.imageshack.us/img399/834/ddd4og.jpg

(1box ist grau, 2te box ist weiß und soll jeweils am rand kleiner sein, damit ein grauer rahmen entsteht
breite ist fest in pixel, höhe ist variabel und soll sich nach dem (text)inhalt der weißen box richten..)

-> wie macht man sowas?? thx

 

[Patrick]

Wieso machst du nicht einfach eine weisse "Box" und diese Box hat dann einen Rahmen (Border), der mehrere Pixel gross ist...?

 

[Sascha Ahlers]

Hallo,

mach eine div-box drauß, das ist wesendlich einfacher (und gleichzeitig sogar besser), und definiere den grauen Rand über border. Die variable Höhe hat die Box in der Voreinstellung schon.

CODE div.box {
  border: 5px solid #ccc;
  width: 500px;
}



HTML <div class="box">
Meine kleine Box
</div>



In diesen Beispiel hätte die Box nach dem CSS-Box-Modell eine Breite von 510 Pixel. Für alles weiter über CSS kannst Du Dich hier schlau lesen:

• http://de.selfhtml.org/navigation/css.htm
• http://css4you.de/

MfG Sascha Ahlers

 

[pangu]

wenn ich dann 2 weiße flächen im grauen hintergund haben will so wie hier:
http://img138.imageshack.us/img138/7794/ddd29vl.jpg
mache ich dann einfach zwei weiße boxen mit grauen rahmen, wobei die eine dann um eine rahmenbreite nach links verschoben ist, sodass der rechte rahmen verdeckt ist, oder?

 

[Sascha Ahlers]

Nein, dann funktioniert das natürlich nicht, dazu solltest Du Dir dann mal diese Kurzanleitungen durchlesen:

http://www.css4you.de/wslayout1/index.html



MfG Sascha Ahlers