Boxen nebeneinander
Nuri
- css
Hallo,
in der CSS-Einführung in Selfhtml steht als erstes Beispiel das folgende
<div style="float:left; width:5em; border:2px solid gray;">links floatende Box</div>
<div style="border:2px solid blue;">nachfolgende Box</div>
Die "nachfolgende Box" fängt wie die "links floatende Box am linken Rand an.
Kann man erreichen, dass sie am rechten Rand der linken Box beginnt, ohne dass man ihr margin, padding o.ä. mitgeben muss.
Also eine Art "schliesse nahtlos rechts an Vorgänger an"
hi,
<div style="float:left; width:5em; border:2px solid gray;">links floatende Box</div>
<div style="border:2px solid blue;">nachfolgende Box</div>
>
> Die "nachfolgende Box" fängt wie die "links floatende Box am linken Rand an.
Nur dann, wenn es für sie neben der Linken nicht genug Platz gibt.
> Kann man erreichen, dass sie am rechten Rand der linken Box beginnt, ohne dass man ihr margin, padding o.ä. mitgeben muss.
Das sollte automatisch passieren, wenn genug Platz vorhanden ist.
gruß,
wahsaga
--
/voodoo.css:
#GeorgeWBush { position:absolute; bottom:-6ft; }
hi,
<div style="float:left; width:5em; border:2px solid gray;">links floatende Box</div>
<div style="border:2px solid blue;">nachfolgende Box</div>
> >
> > Die "nachfolgende Box" fängt wie die "links floatende Box am linken Rand an.
>
> Nur dann, wenn es für sie neben der Linken nicht genug Platz gibt.
>
Hat sie das nicht im obigen Beispiel?
<div style="float:left; width:5em; border:2px solid gray;">links floatende Box</div>
<div style="border:2px solid blue;width:20em;">nachfolgende Box</div>
Die "nachfolgende Box" fängt wie die "links floatende Box am linken Rand an.
Nur dann, wenn es für sie neben der Linken nicht genug Platz gibt.
Wenn ich wie oben eine width-Angabe mache, damit die Box klein genug ist, beginnt sie am linken Rand.
hi,
<div style="float:left; width:5em; border:2px solid gray;">links floatende Box</div>
<div style="border:2px solid blue;">nachfolgende Box</div>
> > >
> > > Die "nachfolgende Box" fängt wie die "links floatende Box am linken Rand an.
> >
> > Nur dann, wenn es für sie neben der Linken nicht genug Platz gibt.
> >
> Hat sie das nicht im obigen Beispiel?
Woher soll man das wissen?
Ich habe keine Ahnung, ob du dir das gerade auf deinem 16:9 Plasmafernseher, oder auf deiner Armbanduhr anschaust.
gruß,
wahsaga
--
/voodoo.css:
#GeorgeWBush { position:absolute; bottom:-6ft; }
Woher soll man das wissen?
Ich habe keine Ahnung, ob du dir das gerade auf deinem 16:9 Plasmafernseher, oder auf deiner Armbanduhr anschaust.
Glaub mir, ich hab einen handelüblichen Bildschirm und wie ich schrieb:
Wenn ich wie oben eine width-Angabe mache, damit die Box klein genug ist, beginnt sie am linken Rand.
Dass sie klein genug war, habe ich an den angezeigten Rändern gesehen.