Problemas con la propiedas float
Publicado por Tomas (34 intervenciones) el 12/02/2014 16:18:40
Tengo 4 divs: uno para la barra menu de arriba, otro para la barra menu lateral izquierda(la que me da problemas) , otro para un bloque a la derecha de esta barra vertical y otro para el pie de pagina. No logro colocar el div de la barra verical izquierda, en la izquierda del div cuerpo.
CSS
EL DIV DE ARRIBA no lo pongo porque tiene mucho codigo.
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
<html>
<head>
<title>Blog</title>
<link type="text/css" href="blog.css" rel="StyleSheet">
<script type="text/javascript" src="javascript.js"></script>
</head>
<body>
<div>
<p> <h1>BANNER</h1></p>
</div>
<div id="sse60">
<div id="sses60">
<ul>
<li><h2>Javascript Menus</h2></a></li>
<li><h2>Horizontal Menus</h2></a></li>
<li><h2>Web Menus</h2></a></li>
</ul>
</div>
</div>
<div id="cuerpo" ></div>
<div id="barravertical" style="float:left"></div>
<div id="pie"></div>
</body>
</html>
CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
#cuerpo{
width:auto;height:700px;background-color:#86B404;
border-radius:5px;
}#barravertical
{width:1000px;height:700pxbackground-color:black;
}#pie
{width:auto;height:40px;background-color:orange;
border-radius:5px;
}EL DIV DE ARRIBA no lo pongo porque tiene mucho codigo.
Valora esta pregunta
0