Rozpocząłem zabawe z DIVami i niestety stanąłem przed małym problemem.
Otuż chce by DIV menu był taki sam na wysokość jak ten główny.
Próbowąłem zastosować dla DIV menu height:100% ale nie działa.
Czy ktoś z Was wie jak to rozwiazać?
(Stworzone przy pomocy leyout generatora z małymi przeróbkami)
[xml:1:3f07eb8a53]<?xml version="1.0" encoding="iso-8859-2" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
<link rel="stylesheet" type="text/css" href="layout.css" media="all" />
<meta http-equiv="Expires" content="0" />
<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Cache-Control" content="no-cache" />
<title>Starting page</title>
</head>
<body>
<div id="container">
<div id="banner">
<span> tekst</span>
</div>
<div id="menu">
<span> tekst<br />
tekst</span>
</div>
<div id="content">
<span>tekst<br /> tekst <br /> tekst</span>
</div>
<div id="footer">
<span> tekst</span>
</div>
</div>
</body>
</html>
[/xml:1:3f07eb8a53]
i CSS
[xml:1:3f07eb8a53]#container {
width: 760px;
margin: 0px;
margin-left: auto;
margin-right: auto;
}
#banner {
padding: 3px;
margin-bottom: 3px;
background-color: rgb(213, 219, 225);
text-align: center;
}
#content {
padding: 3px;
margin-left: 209px;
background-color: rgb(213, 119, 100);
}
#menu {
float: left;
width: 200px;
margin: 0;
margin-right: 3px;
padding: 3px;
background-color: rgb(235, 235, 235);
}
#footer {
clear: both;
padding: 3px;
margin-top: 3px;
background-color: rgb(213, 219, 225);
text-align: center;
}[/xml:1:3f07eb8a53]
Pozdro
EDITED.
Przedrostek dodany.
Przepraszam że nie było. Ale myślałem że jak będzie w temacie napisane że chodzi o DIV to wystarczy
