Buenas
Pues tenia una web toda llenas de tablas que he decidido ya por fin "modernizar" y pasar a css y por tanto usar div con posicionamiento en vez de tablas.
Como buen novato que soy, aun me lio un poco y hay cosas que no entiendo o que me sorprenden en demasía cuando seguramente sean tonterías de novato.
Si bien en algunos sitios he logrado que un div sin contenido alguno, se vea y muestre su ancho, pero hay ocasiones en que sin contenido no muestran ancho alguno.
Dejo un ejemplo sencillo
Código HTML:
Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link rel="stylesheet" href="./estiloejemplo.css" type="text/css" media="screen" />
y su css que solo tiene esto de momento para el ejemplo
Código CSS:
Ver original.ejemp1
{
width:100%;
min-width:100%;
background-color: #FC0;
padding:0;
margin:0;
}
Si en ese div con la clase ejemp1 no escribo nada, el div no coge el 100% del ancho, sin embargo, si escribo cualquier caracter si que coge automaticamente el 100% como es mi intención.
El uso que le quiero dar es el siguiente:
Tener un div principal con ancho 100% y luego dentro 3 divs aninados y con float left en el que el primero tenga ancho 50% y los otros dos ancho 25%. Mi intención es que el de ancho 50% no contenga nada, y los otros dos divs si. Pero claro segun el "error" (por decirlo de alguna manera), es que si no escribo nada dentro del div, no aparece y por tanto los otros dos div que si tienen contenido se posicionan alineados en la izquierda en la parte que debería corresponder al primer div de 50%
Como veis duda de grandisimo novato
He leido manuales, he buscado por google pero ........ no se o no se buscar o no tengo ni idea