Foros del Web » Creando para Internet » CSS »

3 columnas en cabecera MIE6

Estas en el tema de 3 columnas en cabecera MIE6 en el foro de CSS en Foros del Web. Buenas tardes, aquí "la principianta" luchando con los div y mi amigo IE ¡A ver quién gana! He dividido la cabecera en 3 columnas usando ...
  #1 (permalink)  
Antiguo 08/12/2009, 08:27
 
Fecha de Ingreso: agosto-2009
Mensajes: 70
Antigüedad: 15 años, 3 meses
Puntos: 0
3 columnas en cabecera MIE6

Buenas tardes, aquí "la principianta" luchando con los div y mi amigo IE ¡A ver quién gana!

He dividido la cabecera en 3 columnas usando divs, no sé muy bien cómo lo he logrado pero el caso es que funciona, bueno, no en MIE6, en donde el contenido de la columna central se desplaza a la parte inferior de la columna de la izquierda.

Aquí va el código y el CSS a ver si consigo que me ayudéis a encontrar una solución:

Código:
	   <div id="cabecera">
			<div id="cabecera_logo_forestal"><img src="#" alt="#" title="#"/></div>
			<div id="cabecera_cam"><img src="#" alt="#" title="#"/></div>
			<div id="cabecera_contacto">
				<span class="negrita">Area de blah blah blah</span><br/>
				blah blah blah blah<br/>
				blah blah blah blah<br/><br/>
					<span class="negrita">Informaci&oacute;n ambiental</span><br/>
					Tfno: blah blah blah blah<br/>
					Fax: blah blah blah blah<br/>
					<a href="mailto:blah">blah blah blah blah</a><!--Rick/php!!-->
			</div>
	   </div><!-- fin de cabecera -->

Y el CSS:


#cabecera {
	width:800px;
	background-color:#FFFFFF;
	font: 0.8em Verdana, "Verdana", sans-serif; 
	color: #550000;

}

#cabecera_logo_forestal { 
	width:270px;
	float: left;
	height:80px;
}

#cabecera_cam {
	width:270px;
	height:80px;
	float: right;
	text-align:right;
}

#cabecera_contacto {
	text-align:center;
	padding:12px;
	font-size:0.8em;
}

Thankx a bunch!!!!

Última edición por Lorelopez; 08/12/2009 a las 08:33
  #2 (permalink)  
Antiguo 08/12/2009, 13:42
Avatar de goku_goku  
Fecha de Ingreso: enero-2008
Mensajes: 78
Antigüedad: 16 años, 10 meses
Puntos: 1
Respuesta: 3 columnas en cabecera MIE6

Código HTML:
Ver original
  1. <style type="text/css" media="all">
  2. #cabecera {
  3.     width:800px;
  4.     background-color:#FFFFFF;
  5.     font: 0.8em Verdana, "Verdana", sans-serif;
  6.     color: #550000;
  7.  
  8. }
  9.  
  10. div.culumna {
  11.     width:200px;
  12.     height:250px;  
  13.     float: left;
  14.     background-color:#FFFF00;
  15.     margin:3px;
  16.  
  17. }
  18. </style>
  19.  
  20.        <div id="cabecera">
  21.             <div class="culumna"><img src="#" alt="#" title="#"/>Texto de columna 1</div>
  22.             <div class="culumna"><img src="#" alt="#" title="#"/>Texto de columna 2</div>
  23.             <div class="culumna"><img src="#" alt="#" title="#"/>Texto de columna 3</div>
  24.        </div>

prueba con eso
  #3 (permalink)  
Antiguo 11/12/2009, 12:05
 
Fecha de Ingreso: agosto-2009
Mensajes: 70
Antigüedad: 15 años, 3 meses
Puntos: 0
Respuesta: 3 columnas en cabecera MIE6

Gracias Goku, ahora lo probare, un saludo.
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 22:51.