HTML - Problemas con la propiedas float

   
Vista:

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.


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:700px
 
background-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
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder

Problemas con la propiedas float

Publicado por bathorz (1 intervención) el 14/02/2014 09:41:11
He visto algunas cosas.
No coloques <h1> entre <p>, no es necesario.
Las etiquetas </a> no tienen la apertura.
En #barravertical { height:700px <-- falta ; final
Prueba así:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
         #cuerpo{
            width:auto;
            height:700px;
            background-color:#86B404;
            border-radius:5px;
         }
         #barravertical {
            width: 100px; /* 1000px demasiado ancho */
            height:700px; /* falta ; */
            background-color:black;
            color: white;
            float:left;
         }
         #pie {
            width:auto;
            height:40px;
            background-color:orange;
            border-radius:5px;
         }
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<div>
         <h1>BANNER</h1>
      </div>
      <div id="sse60">
         <div id="sses60">
            <ul>
               <li><h2><a href="" >Javascript Menus</a></h2></li>
               <li><h2><a href="" >Horizontal Menus</a></h2></li>
               <li><h2><a href="" >Web Menus</a></h2></li>
            </ul>
         </div>
      </div>
      <div id="barravertical">Vert</div>
      <div id="cuerpo" >Cuerpo</div>
      <div id="pie">Pie</div>
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar

Problemas con la propiedas float

Publicado por Tomas (34 intervenciones) el 14/02/2014 15:37:21
PERFECTO FUNCIONÓ! Havia que poner el div de "barravertical" ANTES del div "cuerpo" y los demas retoques del css...
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar