Holas,
Pues, quisiera que me echen una mano con un problema que tengo, primeramente quiero comentarles que me he leido bastantes manuales de posicionamiento y como que no lo entiendo muy bien pues yo siempre he estado haciendo pagianas con tablas
...
Lo que pasa es que este codigo se ve como yo quiero en internet explorer, pero en Firefox se ve totalmente distinto...
Código:
<!doctype html public "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>Ricky Blog</title>
<link rel="stylesheet" type="text/css" href="estilos.css">
<meta http-equiv="generator" content="PHP Designer 2005" />
</head>
<body bgcolor="#FFFFFF" text="#000000" link="#0000FF" vlink="#800080" alink="#FF0000">
<div id="container">
<div id="encabezado">
<div id="izquierda"></div>
<div id="derecha"></div>
<div id="centro"></div>
</div>
<div id="frase"></div>
<div id="cuerpo"></div>
<div id="pie"></div>
</div>
</body>
</html>
y los estilos:
Código:
body {
background-color: #FFFFFF;
text-align:center;
font: #000000 verdana, tahoma, arial;
margin:0px;
}
#container {
width: 780px;
text-align:left;
background-color:#F7F7F7;
margin:auto;
}
#encabezado {
background:white;
width:780px;
height:283px;
margin:0px;
}
#izquierda {
width:257px;
height:283px;
background:url("images/lizquierdo.jpg") no-repeat;
float:left;
}
#derecha {
width:189px;
height:283px;
background:url("images/lderecho.jpg") no-repeat;
float:right;
}
#centro {
position:absolute;
margin: 50px 0 0 20px;
width:334px;
height:283px;
background:url("images/bautizo.jpg") no-repeat;
float:center;
}
Estoy seguro que ustedes saben que tengo que hacer para solucionarlo, pueden bajarse las imagenes que estoy usando desde
http://rickyblog.pandela.net/pruebas/images.zip .
Vale aclarar que estoy aprendiendo y hago estas pruebas pues forman parte de mi aprendizaje... muchas gracias por tu valioso tiempo.