nicht angemeldet
Drei Divs die nebeneinander von links nach rechts oben bündig
0 0 0 
Struppi
Drei Divs die nebeneinander von links nach rechts oben bündig
Hi,
Was ist mit Drei Divs die nebeneinander von links nach rechts oben bündig dargestellt werden müssen.
Hilft hier auch Float und Clear?
Die beiden Eigenschaften funktionieren bei Zwei Divs aber bei drei bekomme ich das aber nicht hin.
Kann jemand helfen?
Danke und Gruß
Jawad
-
Hallo!
Wie weit bist du denn schon gekommen bei deinem Versuch?
Du kannst doch links einen div mit float: left anzeigen lassen, in der Mitte einen weiteren und rechts den dritten mit float: right.Bedenke bitte, dass Elemente mit float-Angabe vor anderen Elementen im Code stehen müssen.
Michael
-
Hallo!
Wie weit bist du denn schon gekommen bei deinem Versuch?
Ich habe jetzt einen Div rechts von dem ersten Div eingebunden und darin, habe ich weitere zwei Divs die mit folat:left und clear: right;
positioniert isnd und es funktioniert.Du kannst doch links einen div mit float: left anzeigen lassen, in der Mitte einen weiteren und rechts den dritten mit float: right.
Wenn ich den dritten Div mit float: right; positioniere, dann wird er ganz rechts am Fenster eingebunden was ich eigentlich nicht haben will.
Bedenke bitte, dass Elemente mit float-Angabe vor anderen Elementen im Code stehen müssen.
Wleche Elemente meinen Sie denn? die Anderen Divs bzw. Spans etc...?
Ein anderes Problem habe ich noch und zwar das Float und Clear funktioniert, aber in MIE springt der rechte Div immer nach unten bzw. direkt unter dem ersten Div, Wenn ich den Browser verkleinere.
Besten Gruß und Danke
Jawad
-
-
puts "Hallo " + gets.chomp + "."
?> Jawad
=> Hallo Jawad.Was ist mit Drei Divs die nebeneinander von links nach rechts oben bündig dargestellt werden müssen.
Hilft hier auch Float und Clear?
Die Eigenschaft clear ist nicht einmal zwangsläufig erforderlich:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <title>New Document</title> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <style type="text/css"> [code lang=css]html,body{margin:0;padding:0;height:100%;} div{height:100%;} #a{float:left;width:20%;min-width:20%;margin:0;background:#ccc;} #b{float:left;width:60%;min-width:60%;background:#333;} #c{float:left;width:19.9%;min-width:20%;margin:0;background:ccc;} /* Der IE verrechnet sich gern... */</style>
</head>
<body>
<div id="a">AAA</div>
<div id="b">BBB</div>
<div id="c">CCC</div>
</body>
</html>[/code]Die beiden Eigenschaften funktionieren bei Zwei Divs aber bei drei bekomme ich das aber nicht hin.
Dazu gibt es auch ein schönes Kapitel in SelfHTML.
Einen schönen Mittwoch noch.
Gruß, Ashura
--
Selfcode: sh:( fo:) ch:? rl:( br:^ n4:& ie:{ mo:) va:) de:> zu:) fl:( ss:| ls:[ js:|
30 Days to becoming an Opera8 Lover -- Day 20: search.ini
Meine Browser: Opera 8.01 | Firefox 1.0.4 | Lynx 2.8.3 | Netscape 4.7 | IE 6.0
[Deshalb frei! - Argumente pro freie Software]-
HI!
#c{float:left;width:19.9%;min-width:20%;margin:0;background:ccc;} /* Der IE verrechnet sich gern... ^*/und der Ashura verschreibt sich gern ;-)
Gruß aus Iserlohn
Martin
-
puts "Hallo " + gets.chomp + "."
?> Martin
=> Hallo Martin.#c{float:left;width:19.9%;min-width:20%;margin:0;background:ccc;}
/* Der IE verrechnet sich gern... ^*/
> > und der Ashura verschreibt sich gern ;-) Mein Fehler ist aber nicht so gravierend wie der des IE. ;-) (Ich hatte mich schon gewundert, warum der Farbwert ein seltsames Syntax-Highlighting hat...) Einen schönen Donnerstag noch. Gruß, Ashura -- Selfcode: sh:( fo:) ch:? rl:( br:^ n4:& ie:{ mo:) va:) de:> zu:) fl:( ss:| ls:[ js:| [30 Days to becoming an Opera8 Lover](http://operalover.tntluoma.com/8/) -- [Day 20: search.ini](http://operalover.tntluoma.com/8/day_20_searchini) Meine Browser: Opera 8.01 | Firefox 1.0.4 | Lynx 2.8.3 | Netscape 4.7 | IE 6.0 [\[Deshalb frei! - Argumente pro freie Software\]](http://deshalbfrei.org/)
-
-
-
Was ist mit Drei Divs die nebeneinander von links nach rechts oben bündig dargestellt werden müssen.
Meinst du evtl. sowas:
http://de.selfhtml.org/css/layouts/mehrspaltige.htm#dreispaltigStruppi.