html+css oplywanie
MaRc
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 to jest z tym oplywaniem w css :) w ktorym miejcu popełniam blad?
--
MaRc