Estoy recien comenzando con CSS y ya tengo problemas, y como ustedes saben de esto
solicito su ayuda.
He creado una página siguiendo las instrucciones de un manual. Pero algo ocurre,
ya que no obtengo lo que debería.
Ahora no se si el problema es del navegador o si es código o que otra cosa ¿?
Bueno el punto es que debiera quedar asi.
pero me queda asi...
http://www.fonchi-xs.890m.com/
¿Que sera?
como datos:
El editor que estoy utilizando es el Dreamweaver
En firefox no pasa nada y en Internet explorer mejor ni hablar.
Espero que alguien me ayude porfa, que me diga que hice o que esta mal.
Salu2 y gracias.
adjunto el código:
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>fonchi-page</title>
<link href="base.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="container">
<div class="header"><h1>Fonchi-XS</h1></div>
<div class="izquierda">
<ul>
<li><a>www.forosdelweb.com</a></li>
</ul>
</div>
<div class="derecha"></div>
<div class="principal"></div>
<div class="footer"></div>
</div>
</body>
</html>
-----------------------------------------------------
base.css
-----------------------------------------------------
body{
font:11px verdana,arial,helvetica,sans-serif;
background-color: #fff;
text-align::justify;
line-height::10px;
}
p{
font-size:11px;
color:#586885;
line-height:120%;
}
hr{
display:none;
}
h1{
font-size:25px;
text-align:left;
color:#666666;
margin:0;
}
h2{
font-size:20px;
text-align:left;
color:#486895;
text-transform:capitalize;
}
h3{
font-size:18px;
text-align:left;
color:#666666;
}
h4{
font-size:15px;
text-align:left;
color:#666666;
}
h5{
font-size:13px;
text-align:left;
color:#666666;
}
h4{
font-size:12px;
text-align:left;
color:#666666;
}
td{
font-size:12px;
text-align:center;
color:#586895;
}
a{
font-size:12px;
color:#325FA0;
}
a:link{
text-decoration:none;
}
a:visited{
text-decoration:none;
color:#325FA0;
}
a:hover{
text-decoration::none;
color:#000066;
}
a:active{
text-decoration:none;
color:#09C;
}
#container{
background-color:#DDE6AC;
border-style:solid;
border-color:#000000;
margin:0 auto;
width:700px;
height:auto;
}
.header{
width:700px;
height:140px;
background-color:#CC9933;
border-bottom-style:solid;
border-bottom-color:#000000;
margin:0 0 10px 0;
}
.izquierda{
width:100px;
height:auto;
background-color:#EFEFEF;
border-style:solid;
border-width:1px;
background-color:#000000;
margin:0 0 0 5px;
float:left;
padding:3px;
}
.izquierda ul{
font:bold 11px Verdana, Arial, Helvetica, sans-serif;
color:#586895;
line-height:140%;
text-transform:capitalize;
}
.derecha{
width:150px;
height:auto;
background-color:#FFFFDD;
border-style:solid;
border-width:1px;
background-color:#000000;
margin:0 5px 0 0;
float:right;
padding:5px;
}
.principal{
width:390px;
height:auto;
background-color:#FFF;
border-style:solid;
border-width:1px;
background-color:#000000;
margin:0 5px 0 117px;
padding:10px;
}
.footer{
width:auto;
height:30px;
background-color:#FFF;
border-style:solid;
border-width:1px;
border-color:#000000;
margin:5px;
}
.footer h6{
text-align:center;
text-transform:uppercase;
margin:5pxauto;
color:#666666;
font-size:10px;
}
