2 Div container nebeneinander

Lieber Besucher, herzlich willkommen bei: cms2day Forum - Community & Support rund ums cms2day. Falls dies Ihr erster Besuch auf dieser Seite ist, lesen Sie sich bitte die Hilfe durch. Dort wird Ihnen die Bedienung dieser Seite näher erläutert. Darüber hinaus sollten Sie sich registrieren, um alle Funktionen dieser Seite nutzen zu können. Benutzen Sie das Registrierungsformular, um sich zu registrieren oder informieren Sie sich ausführlich über den Registrierungsvorgang. Falls Sie sich bereits zu einem früheren Zeitpunkt registriert haben, können Sie sich hier anmelden.

reback

unregistriert

Dienstag, 19. Oktober 2010, 13:07

2 Div container nebeneinander

Heyho zsm.

Ich hab ein kleines Problem , unzwar möchte ich zwei div boxen nebeneinander machen. Also ein content und neben dem content eine box für Lastnews oder sowas.
Bei der googlesuche kam immer das gleiche raus.. float left und float right. Aber irgentwie klappt das bei mir nicht. Wenn ich float benutze verbuggt sich die ganze homepage.
http://reback.re.funpic.de/
Da seht ihrs.
Hier mal die stellen ausem CSS quelltext und html quelltext.

Quellcode

/* Content bereich */

#content {
	font-family: "Arial";
	font-size: 10pt;
	text-align: left;
	color: #000;
	margin: 15px;
	float: left;
}

#page {
	width: 100%;
}

/* Boxen bereich */

#boxen {
	font-family: "Arial";
	font-size: 10pt;
	float: right;
	margin-right: 15px;
	color: #000;
}

	Quellcode
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15	<div id="page"> <div id="content"> <?php page_content(); ?> </div> <div id="boxen"> <?php page_load_addon("lastnews"); ?> </div> </div>

Zum Seitenanfang

djknuffel

Moderator

Beiträge: 711

CMS Version: 4.0.1

Wohnort: Frankfurt a.M.

Paypal:

Dienstag, 19. Oktober 2010, 13:35

zähl mal wie oft du ein <div> aufmachst und wieoft du es wieder schließt.
wenn ich mich nicht verzählt habe, dann fehlt da ein schließendes </div> mindestens.

schau dir zudem bitte mal hier diese seite(und den quelltext) an, eine gute Quelle was css angeht:
http://www.css4you.de/wslayout1/ex0010.html

akrell.de - Informationen zu meinen Modulen für das cms2day System und meine Arbeiten als Hobbyfotograf

Zum Seitenanfang

reback

unregistriert

Dienstag, 19. Oktober 2010, 13:39

Es sind 7 die ausgeben und 7 de zugehen.
Hier mal der ganze Quelltext.

Quellcode

<body>
<div align="center">

<div id="body">

<div id="header">

<?php page_logo(); ?>

</div> 

<div id="menu">

<?php page_menu(0); ?>

</div>

<div id="page">

<div id="content">

<?php page_content(); ?>

</div>

<div id="boxen">

<?php page_load_addon("lastnews"); ?>

</div> 

</div>
</div>

<?php page_footer(); ?>

</div>
</body>

Oder ich bin einfach viel zu doof um zu zählen.
Naja ich guck mich mal auf der Seite um.

Zum Seitenanfang

Blyawon

Fortgeschrittener

Beiträge: 300

CMS Version: 3.9.2

Wohnort: Deutschland

Beruf: Art Director Digital Experience

Paypal:

Dienstag, 19. Oktober 2010, 13:53

Ahjo, gib dem Content mal eine feste Breite, z.B. width: 500px; dann behebt sich dein erstes Problem, und unter dem content div und vor dem Footer machst du

	Quellcode
1	<div style="clear: both;"></div>

fgampert.de

Zum Seitenanfang

chalu

Schüler

Beiträge: 101

Wohnort: irgendwo in Österreich

Beruf: IT

Paypal:

Dienstag, 19. Oktober 2010, 13:55

Kann dich "beruhigen" ich komm auch auf 7 auf und zu Div´s

Zum Seitenanfang

JOE

Fortgeschrittener Benutzer

Beiträge: 359

Paypal:

Dienstag, 19. Oktober 2010, 14:11

zeig mal die css....

Signatur
Mancher lehnt eine gute Idee bloß deshalb ab, weil sie nicht von ihm ist!

Favorite Links
...............................................
SELFHTML
CSS4YOU
CSSMANIA
SELFPHP

Zum Seitenanfang

reback

unregistriert

Dienstag, 19. Oktober 2010, 14:12

Quellcode

<body>
<div align="center">

    <div id="body">
    
   	 <div id="header">
   	 
   		 <?php page_logo(); ?>
   	 
    	</div>    
   	 
    	<div id="menu">
   	 
   		 <?php page_menu(0); ?>
   	 
    	</div>
   	 
    	<div id="page">
    
   		 <div id="content">
   		 
   			 <?php page_content(); ?>
           	 
   		 </div>
        	<div id="boxen">
   	 
   			 <?php page_load_addon("lastnews"); ?>
       	 
   		 </div> 
       	 
     	 </div>
 	<div style="clear: both;"></div>
    </div>
   <div style="clear: both;"></div> 
<?php page_footer(); ?>

</div>
</body>

So hats geklappt. Danke

Zum Seitenanfang

JOE

Fortgeschrittener Benutzer

Beiträge: 359

Paypal:

Dienstag, 19. Oktober 2010, 14:25

Du musst nur deinem Footer in der CSS ein clear: both; geben, und das wars schon, doch nicht in die index.html so viel Müll reinschreiben

Signatur
Mancher lehnt eine gute Idee bloß deshalb ab, weil sie nicht von ihm ist!

Favorite Links
...............................................
SELFHTML
CSS4YOU
CSSMANIA
SELFPHP