SELFHTML Forum
SELFHTML Forumsarchiv
2005
Juni
 |
SELFHTML Forumsarchiv |
 |
|
 |
|
Die folgende Nachricht zum Thema stammt von: Jawad, 29. 06. 2005, 18:08
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
Die folgende Nachricht zum Thema stammt von: Bevan, 29. 06. 2005, 18:14
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
Die folgende Nachricht zum Thema stammt von: Jawad, 29. 06. 2005, 18:30
»» 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
Die folgende Nachricht zum Thema stammt von: Ashura, 29. 06. 2005, 18:40
>> 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">
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>
»» 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]
Die folgende Nachricht zum Thema stammt von: Martin Hölter, 30. 06. 2005, 12:16
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
--
Selfcode: ie:{ fl:( br:^ va:) ls:# fo:| rl:( n4:( ss:| de:> js:) ch:? sh:( mo:| zu:)
Die folgende Nachricht zum Thema stammt von: Ashura, 30. 06. 2005, 12:19
>> 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 -- 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]
Die folgende Nachricht zum Thema stammt von: Struppi, 30. 06. 2005, 13:09
»» 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#dreispaltig
Struppi.
--
Javascript ist toll
© 1998-2006 
Impressum, Software: Classic Forum
(HTML)