html+css oplywanie float

Thread View: pl.comp.os.linux.programowanie

3 messages

[T] Back to Threads [V] Tree View [G] Group Articles

3 total messages Started by MaRc Wed, 15 Jun 2011 18:10

#72231

Author: MaRc
Date: Wed, 15 Jun 2011 18:10

92 lines
3062 bytes

witam
nie jestem biegly w html, i mecze sie z oplywaniem.
kod html i css wyglada tak:

#v+
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<title>Testowa strona</title>
	<link rel="stylesheet" type="text/css" href="style.css"/>
</head>
<body>

<div id="wrapper">
	<div id="top">
		<div id="logo">
		</div>
		<div id="top_wrap">
			<div id="panel"></div>
			<div id="male_menu"></div>			
		</div>
	</div>
</div>

</body>
</html
#v-

css
#v+
body, html, div { margin: 0; padding: 0;}

#wrapper {
	width: 950px;
	height: 1280px
	background-color: gray;
	margin: 5px auto;
}
#top {
	width: 950px;
	height: 350px;
	background-color: blue;
}

#logo { width: 145px;
		height: 45px;
		background-color: orange;
		margin-top: 30px;
		float: left;		
		}

#top_wrap {
		width: 550px;
		height: 200px;
		background-color: olive;	
	}

#panel {
	width: 70px;
	height: 30px;
	background-color: yellow;	
	}
	
#male_menu {
	width: 250px;
	height: 60px;
	background-color: red;	
	}
#v-

ogolnie chce zrobic fajnie rozmieszczone kontenery w top'ie.
zrobilem ogony div wrapper co by spajal cala strone i wyswietlana byla
po srodku.
w tym divie zrobilem div o nazwie top w ktorym ma byc kila innych divow
trzymajacych elementy.
div logo, ktory jak nazwa mowi ma trzymac logo i link do home, po jego
prawej ztronie div o nazwie top_wrap ktory ma mi trzymac logoawnie do
panelu, o nazwi panel, oraz div z malym menu, male_menu.

dopuki nie uzyje opcji "float: left" dla divu logo to wszytkie kontenery
ukladaja sie jak ksiazka pisze - jeden pod drugim, ale jesli uzyje float
to div top_wrap nie przykleja sie do logo ale do kontentu divu top :( co
psuje mi wyglad.
jak dla divu top_wrap uzyje oplywania prawego to ladnie klei sie do
prawej strony, ale nie o to mi chodzi.
jak to jest z tym oplywaniem w css :) w ktorym miejcu popełniam blad?
-- MaRc
-- 
MaRc

Re: html+css oplywanie float

#72232

Author: Marcin Kalinski
Date: Sat, 18 Jun 2011 14:37

96 lines
3346 bytes

W dniu 15.06.2011 20:10, MaRc pisze:
> witam
> nie jestem biegly w html, i mecze sie z oplywaniem.
> kod html i css wyglada tak:
>
> #v+
> <?xml version="1.0" encoding="UTF-8"?>
> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
> "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
> <head>
> 	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
> 	<title>Testowa strona</title>
> 	<link rel="stylesheet" type="text/css" href="style.css"/>
> </head>
> <body>
>
> <div id="wrapper">
> 	<div id="top">
> 		<div id="logo">
> 		</div>
> 		<div id="top_wrap">
> 			<div id="panel"></div>
> 			<div id="male_menu"></div>			
> 		</div>
> 	</div>
> </div>
>
> </body>
> </html
> #v-
>
> css
> #v+
> body, html, div { margin: 0; padding: 0;}
>
> #wrapper {
> 	width: 950px;
> 	height: 1280px
> 	background-color: gray;
> 	margin: 5px auto;
> }
> #top {
> 	width: 950px;
> 	height: 350px;
> 	background-color: blue;
> }
>
> #logo { width: 145px;
> 		height: 45px;
> 		background-color: orange;
> 		margin-top: 30px;
> 		float: left;		
> 		}
>
> #top_wrap {
> 		width: 550px;
> 		height: 200px;
> 		background-color: olive;	
> 	}
>
> #panel {
> 	width: 70px;
> 	height: 30px;
> 	background-color: yellow;	
> 	}
> 	
> #male_menu {
> 	width: 250px;
> 	height: 60px;
> 	background-color: red;	
> 	}
> #v-
>
> ogolnie chce zrobic fajnie rozmieszczone kontenery w top'ie.
> zrobilem ogony div wrapper co by spajal cala strone i wyswietlana byla
> po srodku.
> w tym divie zrobilem div o nazwie top w ktorym ma byc kila innych divow
> trzymajacych elementy.
> div logo, ktory jak nazwa mowi ma trzymac logo i link do home, po jego
> prawej ztronie div o nazwie top_wrap ktory ma mi trzymac logoawnie do
> panelu, o nazwi panel, oraz div z malym menu, male_menu.
>
> dopuki nie uzyje opcji "float: left" dla divu logo to wszytkie kontenery
> ukladaja sie jak ksiazka pisze - jeden pod drugim, ale jesli uzyje float
> to div top_wrap nie przykleja sie do logo ale do kontentu divu top :( co
> psuje mi wyglad.
> jak dla divu top_wrap uzyje oplywania prawego to ladnie klei sie do
> prawej strony, ale nie o to mi chodzi.
> jak to jest z tym oplywaniem w css :) w ktorym miejcu popełniam blad?
> -- MaRc

jaka masz wersje gcc?;-)

-- 
Marcin 'bcn' Kalinski

Re: html+css oplywanie float

#72233

Author: MaRc
Date: Mon, 20 Jun 2011 10:21

8 lines
1213 bytes

W dniu 18.06.2011 16:37, Marcin Kalinski pisze:
> jaka masz wersje gcc?;-)

hehe, zrozumiałem aluzje.


-- 
MaRc

Thread Navigation

This is a paginated view of messages in the thread with full content displayed inline.

Messages are displayed in chronological order, with the original post highlighted in green.

Use pagination controls to navigate through all messages in large threads.

Back to All Threads