• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

2 Div nebeneinander?

Hallo,

bevor hier wieder welche kommen und sagen, dass man das googlen kann, ich hab es schon gegooglet. :)

Ich habe 2 div Boxen und will, dass die nebeneinander positioniert werden. Ich hab es mit margin schon oft versucht, aber es geht leider nicht.

Quelltext :

HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />    	<title>---</title>    
	<link href="/css/style.css" type="text/css" rel="stylesheet" media="all" /><style type="text/css">  p,table,ul,ol { margin-left:80px; }  div.position { margin-top:400px; }  div.pow { margin-top:1px; } </style	</head>




<body>


<!-- start big box -->
<div id="boxg-top"> <div class="position"><p></p> </div></div><div id="boxg-mid"> Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. 
Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. </div><div id="boxg-bot"></div>
<!-- end big box -->
<!-- start small box -->
<div id="boxk-top"> </div><div id="boxk-mid"> Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</div><div id="boxk-bot"></div></div><!-- end small box --> 
</body>
</html>

Unten ist noch ein Bild, dass zeigt wie es im Moment aussieht.
myimg.de - help47f87.png

Würde mich über eure Hilfe freuen.

Frohes neues Jahr!
 
Du musst das mit Float machen.
HTML:
<div style="float: left; id="Div Name">Dieser Div steht jetzt links</div>
<div style="float: right;id="Div Name">Div steht jezt rechts</div>
und dann musst du in CSS noch die Widht einstellen. Dass ist ein bisschen komisch bei mir: DIe seite ist 100px breit und der eine Div ist 600px breit und der andere 300px und zwischen den beiden soll 100px Platz sein dann passt das trotzdem nicht in eine Reihe, da musst du einfach ein bisschen ausprobieren
 
Vorsicht, in dem Beispielcode von hockeyzockey sind Schreibfehler enthalten. Korrekt wäre:

HTML:
<div style="float: left;" id="eineID">Dieser Div steht jetzt links</div>
<div style="float: right;" id="eineAndereID">Div steht jezt rechts</div>
 
Zurück
Oben