Forum PHP.pl > [HTML][CSS]Problem z divami

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [HTML][CSS]Problem z divami

moree

15.07.2008, 07:39:39

Witam, w css nie jestem dobry raz doczasu coś zrobie, ale teraz chciałem zrobić cos takiego jak widac na rysunkach.

Tu jest tak czyli zle

http://www.upek.pl/images,12737.html

a chce zeby było tak

http://www.upek.pl/images,12738.html

mój kod wyglada tak

[HTML] pobierz, plaintext 
<html>
 
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250">
<title>bagagag</title>
<style>
#all{
width:900px;
height:auto;
border:1px solid red;
}
#aa{
width:200px;
height:200px;
float:left;
border:1px solid red;
 
}
#menu{
float:left;
width:200px;
height:400px;
border:1px solid red;
}
 
</style>
</head>
 
<body>
<div id="all">
<div id="menu">MENU <br>agagag<br>aaga</div>
<div id="aa"><h2> tytutl</h2>jakas tam trsca gokaogkaogakg</div>
<div id="aa"><h2> tytutl</h2>jakas tam trsca gokaogkaogakg</div>
<div id="aa"><h2> tytutl</h2>jakas tam trsca gokaogkaogakg</div>
</div>
</body>
 
</html>
[HTML] pobierz, plaintext

Proszę o pomoc.

bogdan89

15.07.2008, 07:44:55

[HTML] pobierz, plaintext 
<div style="width:300px;height:300px;">
	<div style="width:100px;float:left;">
		<div style="height:300px;"></div>
	</div>
	<div style="width:100px;float:left;">
		<div style="height:100px;"></div>
		<div style="height:100px;"></div>
		<div style="height:100px;"></div>
	</div>
	<div style="width:100px;float:left;">
		<div style="height:100px;"></div>
		<div style="height:100px;"></div>
		<div style="height:100px;"></div>
	</div>
</div>
[HTML] pobierz, plaintext

no chyba, że nie chodzi jednak o to

moree

15.07.2008, 07:48:08

no oka ale tez się rozwala.. A nie dasz rady mi powiedziec jak zrobić na moim przykładzie

bo na twoim przykładzie całkiem się rozwala...

redelek

15.07.2008, 08:13:49

Cytat(moree @ 15.07.2008, 06:48:08 )

no oka ale tez się rozwala.. A nie dasz rady mi powiedziec jak zrobić na moim przykładzie

bo na twoim przykładzie całkiem się rozwala...

Hmmm przeklejiłem Twój przykład do siebie sprawdziłem na FF 3.0 IE 7.0 i Opera 9.27 i jest tak jak chcesz. Wszystko wygląda ładnie i pięknie
Czy jak dołączasz style z pliku zewnętrznego czy są w tym samym pliku?.
Może pomyśl na d zrobieniem czegoś takiego

|--------Box główny-----------------------------------------|
|---Box Menu---||----Box tych małych okienek----------|
|*************|---male okienka--||--maleokienmka--|
|
|------------------Zamykamy glownego boxa -------------|

Wtedy to wszystko powinno działać tak jak chcesz.

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.