nicht angemeldet
divs nebeneinander ausrichten
Hallo,
ich hab da mal ein Problem: Ich möchte in einem div mehrere (drei) divs nebeneinander anordnen. Geht aber nicht :( Wenn ich als Positionierungsart "absolute" wähle, dann werden die drei divs außerhalb des übergeordneten angezeigt. Wähle ich "relative", stehen die drei untereinander. Natürlich könnte ich mit "-" arbeiten und eine maximale Höhe für das übergeordnete div aählen, ich wäre damit aber sehr unflexibel.
Ich hoffe ihr versteh was ich meine...
Gruß Tini
-
Hi,
Ich glaube divs beinhalten Zeilenumbrüche, probiers doch mal mit span
Tim
-
Hi,
Ich glaube divs beinhalten Zeilenumbrüche, probiers doch mal mit span
Hm, auch nicht viel besser:
<!doctype html public "-//W3C//DTD HTML 4.0 //EN">
<html>
<head>
<title>DivTest 1.0.1</title>
<style type="text/css">
<!--
body { margin:0; }
div,span { font-family:Verdana; font-size:10pt; position:relative; border:solid 1pt #7F7F7F; }
-->
</style>
</head>
<body>
<div style="width:300px;">
<span style="width:100px; top:0; left:0;">Element 1</span>
<span style="width:100px; top:0; left:100px;">Element 2</span>
<span style="width:100px; top:0; left:200px;">Element 3</span>
</div>
</body>
</html>Gruß Tini
-
So gehts:
<!doctype html public "-//W3C//DTD HTML 4.0 //EN">
<html>
<head>
<title>DivTest 1.0.1</title>
<style type="text/css">
<!--
body { margin:0; }
div,span { font-family:Verdana; padding:0; font-size:10pt; position:relative; border:solid 1pt #7F7F7F; }
-->
</style>
</head>
<body>
<div style="width:312px;">
<span style="width:100px;">Element 1</span>
<span style="width:100px;">Element 2</span>
<span style="width:100px;">Element 3</span>
</div>
</body>
</html>Allerdings sind Lücken zwischen den einzelnen spans... guckts euch am betsne mal an!
-
Hallo:
So gehts:
So auch:
<!doctype html public "-//W3C//DTD HTML 4.0 //EN">
<html>
<head>
<title>DivTest 1.0.1</title>
<style type="text/css">
<!--
body {margin:0;}
div {font-family:Verdana; font-size:10pt; position:relative; border:solid 1pt #7F7F7F;}
-->
</style>
</head>
<body>
<div style="position:relative; width:300px;">
<div style="position:relative; width:100px;">Element 1</div>
<div style="position:absolute; width:100px; top:0; left:100px;">Element 2</div>
<div style="position:absolute; width:100px; top:0; left:200px;">Element 3</div>
</div>
</body>
</html>Gruß
Axel
-
Haaaaaaaaach, Axel, ich liebe dich :) *g*
-
Haaaaaaaaach, Axel, ich liebe dich :) *g*
;-)))
Wenn solch nichtige Sachen solche Gefühle in Dir auslösen, was passiert dann erst, wenn wir uns mal begegnen?viele liebe Grüße zurück *gg*
Axel
-
Wenn solch nichtige Sachen solche Gefühle in Dir auslösen, was passiert dann erst, wenn wir uns mal begegnen?
Ich würde wahrscheinlich vor Begeisterung tot umfallen ;)
-
-
-
-
-
-
Hallo,
ich hab da mal ein Problem: Ich möchte in einem div mehrere (drei) divs nebeneinander anordnen.
Um <div>s nebeneinander zu bringen nutze ich "float:left" und "margin-left:..." und optional noch "width:" mehr braucht es eigentlich nicht dafür.
mfg, jan aus dresden