Comunidad de diseño web y desarrollo en internet online

Problema con tabla en div y Explorer

Citar            
MensajeEscrito el 08 Nov 2006 11:23 pm
Hola,

estoy haciendo una maqueta con css que lleva tres columnas la del medio se estira para que la web ocupe todo el navegador. En el div central (el estirable) va una botonera (menu) de cuatro filas y cinco columnas que se estira como la columna que la contiene. La única manera que he encontrado para hacer esta botonera es mediante una tabla. Con css lo he intentado pero no se estira bien. La tabla va perfecta en Firefox pero en Explorer se desborda por la derecha hasta el final del navegador.¿que puedo hacer para realizar correctamente la botonera .
se puede ver un ejemplo de como funciona en un navegador y en otro no. en:

www.cgpola.com/tablacss :crap:

Un saludo

Por multivac

5 de clabLevel



 

firefox
Citar            
MensajeEscrito el 15 Nov 2006 06:25 am
con div resulta bien ^^

Código :

<?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="es" lang="es">
<head>
<title> new document </title>
<meta name="generator" content="editplus">
<meta name="author" content="">
<meta name="keywords" content="">
<meta name="description" content="">
<style type="text/css" title="">
.izquierda{
position: absolute;
top: 25px;
width: 150px;
}
.centro{
position: relative;
top: 10px;
left: 160px;
padding-right: 360px;
width:  auto;

}
.echader{
position: relative;
float: right;
top: 10px;
width: 150px;
}
</style>
</head>

<body>
<div class="echader">elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. </div>
<div class="centro">
Lorem ipsum dolor
sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur rclassiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincclassunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit class, lorem. Maecenas nec odio et ante tincclassunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincclassunt. Duis leo.
</div><div class="izquierda">
Lorem ipsum dolor
sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur rclassiculus mus. 
</div>
</body>
</html>

Por Inyaka

Claber

3176 de clabLevel

9 tutoriales
2 articulos

Genero:Masculino   Desarrollador de GAIA

Programador y fotógrafo

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.