Divs y padding no se llevan nada bien en Firefox.
Publicado por matixa (1 intervención) el 23/04/2007 17:57:32
Hola a todos!!
Estoy maquetando una web con divs en lugar de tablas, el asunto es que tengo un div con
texto dentro al que quiero dar un padding de 20px, pero cuando lo hago, el ancho del div
aumenta tb 20px.
Esto solo me ocurre en Firefox, no en explorer.
Ya he probado a cambiar el doctype y a poner * { margin : 0; padding: 0; }
antes del código xa resetear el css. Pero nada, firefox, sigue cabezón :-)
Este es mi código, muxas gracias!!
________________________________________________
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Documento sin título</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style>
* {
margin : 0;
padding: 0; }
.prueba{
width:300px;
float:left;
background-color:#FF0000;
padding-left:20px;
}
</style>
</head>
<body>
<div class="prueba">
hola que tal
</div>
</body>
</html>
________________________________________________
Estoy maquetando una web con divs en lugar de tablas, el asunto es que tengo un div con
texto dentro al que quiero dar un padding de 20px, pero cuando lo hago, el ancho del div
aumenta tb 20px.
Esto solo me ocurre en Firefox, no en explorer.
Ya he probado a cambiar el doctype y a poner * { margin : 0; padding: 0; }
antes del código xa resetear el css. Pero nada, firefox, sigue cabezón :-)
Este es mi código, muxas gracias!!
________________________________________________
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Documento sin título</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style>
* {
margin : 0;
padding: 0; }
.prueba{
width:300px;
float:left;
background-color:#FF0000;
padding-left:20px;
}
</style>
</head>
<body>
<div class="prueba">
hola que tal
</div>
</body>
</html>
________________________________________________
Valora esta pregunta
0