Tema: No respeta CSS
Ver Mensaje Individual
  #10 (permalink)  
Antiguo 28/09/2006, 09:29
Borjimante
Invitado
  
Mensajes: n/a
Puntos:
index.htm:

Cita:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Antera Solutions :: Diseño y desarrollo web a medida</title>
<meta name="Keywords" content="Diseño web, desarrollo web, creacion de webs, promocion web, antera solutions, portfolio, servicos, empresa, española" />
<meta name="Description" content="Empresa española que ofrece servicios de diseño y desarrollo web para cada cliente" />
<meta name="author" content="Antera Solutions" />
<meta name="revisit-after" content="15 days" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="estilo.css" rel="stylesheet" type="text/css">
<LINK HREF="estilo.css" REL="stylesheet" TYPE="text/css" />
</head>
<body>
<div id="cabecera"><img src="imagenes/banner.jpg" width="700px" height="200px" alt="Antera Solutions :: Diseño y desarrollo web a medida"></div>
<div id="cuerpo">
<div id="izquierda">
<div id="titulo-izquierda-1">Menu</div>
<div id="texto-izquierda-1">
&nbsp;&nbsp;&nbsp;- Inicio<br>
&nbsp;&nbsp;&nbsp;- Servicios<br>
&nbsp;&nbsp;&nbsp;- Portfolio<br>
&nbsp;&nbsp;&nbsp;- Empresa<br>
&nbsp;&nbsp;&nbsp;- Enlaces<br>
&nbsp;&nbsp;&nbsp;- Contacto<br>
</div>
<div id="titulo-izquierda-2">Noticias</div>
<div id="texto-izquierda-2">
Codigo PHP de noticias
</div>
</div>
<div id="texto-general">
<div id="titulo-derecha-1">Bienvenido ha Antera Solutions</div>
<div id="texto">Poner el texto normal</div>
<div id="links-bajo">Inicio | Servicios | Portfolio | Empresa | Enlaces | Contacto</div>
</div>
</div>
<div id="bajo">HTML | CSS | Mapa Web | Accesibilidad</div>
</body>
</html>
estilo.css:

Cita:
BODY {
margin : auto;
text-align: center;
padding : 25px 0px 0px 0px;
color: #FFFFFF;
background-color: #FFFFFF;
}
P {
font-family:tahoma;
font-size: 12px;
color: #FFFFFF;
}
#banner {
margin: auto;
text-align: center;
padding: 0px;
width: 700px;
height: 200px;
}
#cuerpo {
margin: auto;
text-align: center;
padding: 0px;
width: 700px;
height: 800px;
background-color: #2C2C2C;
}
#izquierda {
margin: auto;
text-align: justify;
width: 160px;
float: left;
padding: 20px 20px 20px 20px;
}
#titulo-izquierda-1 {
margin: auto;
padding: 5px 5px 5px 5px;
background-color: #CA0000;
text-align: center;
width: 160px;
float: left;
}
#texto-izquierda-1 {
margin: auto;
padding: 5px 5px 5px 5px;
background-color: #4D4D4D;
text-align: justify;
width: 160px;
float: left;
}
#titulo-izquierda-2 {
margin: auto;
padding: 5px 5px 5px 5px;
background-color: #CA0000;
text-align: center;
width: 160px;
float: left;
}
#texto-izquierda-2 {
margin: auto;
padding: 5px 5px 5px 5px;
background-color: #4D4D4D;
text-align: justify;
width: 160px;
float: left;
}
#titulo-derecha-1 {
margin: auto;
padding: 5px 5px 5px 5px;
background-color: #CA0000;
text-align: center;
width: 430px;
}
#texto-general {
margin: auto;
padding: 20px 20px 20px 20px;
text-align: justify;
width: 430px;
}
#texto {
margin: auto;
text-align: justify;
width: 430px;
background-color: #4D4D4D;
padding: 5px 5px 5px 5px;
}
#links-bajo {
margin: auto;
text-align: center;
width: 430px;
background-color: #4D4D4D;
padding: 5px 5px 5px 5px;
}
#bajo {
margin: auto;
text-align: center;
width: 700px;
clear: both;
background-color: #2C2C2C;
}

Un saludo