Para empezar, el problema era justamente ese, me había comido los "px" y no me daba cuenta... y además no había usado relative...
Cita:
Iniciado por C2am 
que te parece esta opción que no hace uso de la posicion absoluta:
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">
/* Estilo principal */
*{margin:0;
padding:0;
}
body { background-color:#194e09; }
#caja, #cabecera, #principal {
margin:0 auto;
width:960px;
position: relative;
background-color: #9F6;
overflow:hidden;
}
#logo {
width:148px;
height:197px;
border:1 solid #FFF;
position:relative;
background-color: #F96;
float:left;
}
#banner {
width:810px;
height:147px;
float:left;
background-color: #FF0;
}
#menu {
width:810px;
height:50px;
float:left;
background-color: #93C;
}
#costado {
width:21px;
height:636px;
float:left;
background-color: #306;
}
#costado2 {
width:121px;
height:702px;
float:right;
background-color: #CCC;
}
#contenido {
width: 688px;
height: 636px;
background-color:#cddcc8;
}
#pie {
width:838px;
height:66px;
background-color: #0FF;
}
imagen logo
imagen banner
<img src="img\banner.gif">
Menu menu menu menu include'menu.php'; ?>
costado costado costado
<img src="img\costado.gif">
<img src="img\costado2.gif"> php php include'index2.php';
pie pie
En verdad luego de postear mi estilo, le hice modificaciones, cambie todo el tamaño de la web por 960 (y por ende todas las imágenes), etc. Voy a ver lo de usar relative, y también lo de cambiar todo por porcentajes (aunque entiendo que al menos el ancho de la web debe estar definido, ya que para que un porcentaje tenga sentido tiene que basarse en algo definido). Pero... en este caso puedo usar los relative con float y supongo que queda bien (no puedo probarlo ahora) porque tengo definido los tamaños exactos de cada capa, pero yo pensaba dejarlas sin hegiht y width definidos... así que ahí tendría que ver si funciona bien de esa manera.
En cuanto a los overflow sé que me faltan incluirlos, pero como recién empiezo lo voy haciendo por etapas.
Probé lo de poner border: 1 solid; pero no veo ningun cambio, debe ser porque puse las capas con absolute y ninguna distancia entre cada una, por lo que el borde calculo que queda tapado por la otra.. aunque igualmente no quiero que tengan ningún borde, o acaso me ayuda ello en algo? (como si sirve poner bg a todas para identificar errores y trabajar más cómodo).
----------------------- Cita:
Iniciado por emprear unas duda Trapar,
en que servidor estás trabajando, que tus rutas son algo\algo ?
tus archivos, tienen UTF-8 BOM?
cualquier error o header extraño que te pase php antes del Doctype puede generar un error impredecible.
Para que incluis el Doctype Xhtml, si tu archivo no respeta tal especificación, no alcanza con declararlo, hay que respetarlo.
Saludos
-Trabajo en xampp (apache, mysql). Mi idea es hacer incapie en php y mysql por ahora, pero quiero saber lo necesario de css (y html) para poder trabajar a su vez cómodo con php...
-La verdad no se lo que es UTF-8 BOM ni como saber si lo tienen...
-Sí, sé que mis archivos no respetan las normas como deberían, pero como estoy practicando lo hago por etapas, ahora cuando tenga un minimo de funcionabilidad la web me dedicaré a tratar de ajustarla a las normas y las buenas costumbres.
Por cierto, ¿dónde puedo consultar los distintos doctypes para asi tratar de respetar el Doctype que inclui?
Gracias a ambos.
