Sie sind nicht angemeldet.

2 Div container nebeneinander

reback

unregistriert

1

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

 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24

/* 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>
Werbung

djknuffel

Moderator

  • »djknuffel« ist männlich

Beiträge: 711

CMS Version: 4.0.1

Wohnort: Frankfurt a.M.

Paypal:

  • Nachricht senden

2

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
Werbung

reback

unregistriert

3

Dienstag, 19. Oktober 2010, 13:39

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

Quellcode

 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38

<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.
Werbung

Blyawon

Fortgeschrittener

  • »Blyawon« ist männlich

Beiträge: 300

CMS Version: 3.9.2

Wohnort: Deutschland

Beruf: Art Director Digital Experience

Paypal:

  • Nachricht senden

4

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>
Werbung

chalu

Schüler

  • »chalu« ist männlich

Beiträge: 101

Wohnort: irgendwo in Österreich

Beruf: IT

Paypal:

  • Nachricht senden

5

Dienstag, 19. Oktober 2010, 13:55

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

JOE

Fortgeschrittener Benutzer

  • »JOE« ist männlich

Beiträge: 359

Paypal:

  • Nachricht senden

6

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
Werbung

reback

unregistriert

7

Dienstag, 19. Oktober 2010, 14:12

Quellcode

 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38

<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
Werbung

JOE

Fortgeschrittener Benutzer

  • »JOE« ist männlich

Beiträge: 359

Paypal:

  • Nachricht senden

8

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 X(



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

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

reback

unregistriert

9

Dienstag, 19. Oktober 2010, 15:23

Stimmt. Danke.
Klappt wenn ich das nur im footer hab
Werbung

Ähnliche Themen