Ver Mensaje Individual
  #3 (permalink)  
Antiguo 16/08/2007, 17:45
danir85
 
Fecha de Ingreso: agosto-2007
Mensajes: 4
Antigüedad: 17 años, 3 meses
Puntos: 0
Re: problema con los css

Copio el código del html, y el del css


HTML:
<!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>..: MINUET CALABRESE :..</title>
<link href="style/estilos.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background-color: #FFFFFF;
background-repeat: repeat-x;
background-position: top;
height: 100%;
}

-->
</style>
<script src="js/flashobject.js" type="text/JavaScript" charset="utf-8"></script>
</head>
<body>
<table width="900" height="100%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="10" background="images/brillo_left.jpg" scope="col"></td>
<td width="728" valign="top" bgcolor="#FFFFFF" scope="col">
<div class="imgContenedor" id="contenedor">
<script type="text/javascript">

// <![CDATA[

var fo = new FlashObject( "fla/homeespan.swf", "inicio", "900", "590", "7", "");

fo.addParam("scale", "noscale");

fo.write("contenedor");


// ]]>

</script>

<!-- FIN CONTENEDOR -->
</div>
</td>
<td width="10" background="images/brillo_right.jpg" scope="col"></td>
</tr>
</table>
</body>
</html>




estilos.css:
#contenedor{
width:900px;
margin-right: auto;
margin-left: auto;
margin-top: 0px;
background-color: #FFFFFF;
vertical-align: top;
}

#botonera{
width:900px;
height:60px;
margin-right: auto;
margin-left: auto;
position: relative;
margin-bottom: 0px;
}

#contenido{
width:900px;
height:530px;
margin-right: auto;
margin-left: auto;
position: relative;
background-image: url(../images/FONDO.jpg);
background-repeat: no-repeat;
background-position: left top;
}

#contenidonosotros{
width:900px;
height:835px;
margin-right: auto;
margin-left: auto;
position: relative;
background-image: url(../images/fondonosotros.jpg);
background-repeat: no-repeat;
background-position: left top;
}

.textInfo {
font-family: Verdana, Tahoma;
color:#666666;
size:11px;
line-height: 13px;
text-decoration: none;
font-size: 11px;
float: right;
width: 450px;
margin-top: 50px;
margin-right: 40px;
margin-bottom: 0px;
margin-left: 15px;
height: 150px;
text-align: left;
}
.textInfo a:link {
font-family: verdana;
font-size: 11px;
color: #333333;
text-decoration: none;
}
.textInfo a:hover {
font-family: verdana;
font-size: 11px;
color: #999999;
text-decoration: underline;
}
.textInfo a:active {
font-family: verdana;
font-size: 11px;
color: #333333;
text-decoration: none;
}
.textInfo a:visited {
font-family: verdana;
font-size: 11px;
color: #333333;
text-decoration: none;
}
.quienes {
font-family: Verdana, Tahoma;
color:#666666;
size:11px;
line-height: 13px;
text-decoration: none;
font-size: 11px;
float: right;
width: 560px;
margin-top: 25px;
margin-right: 15px;
margin-bottom: 15px;
margin-left: 15px;
height: 150px;
text-align: left;
}
.quienes a:link {
font-family: verdana;
font-size: 11px;
color: #333333;
text-decoration: none;
}
.quienes a:hover {
font-family: verdana;
font-size: 11px;
color: #999999;
text-decoration: underline;
}
.quienes a:active {
font-family: verdana;
font-size: 11px;
color: #333333;
text-decoration: none;
}
.quienes a:visited {
font-family: verdana;
font-size: 11px;
color: #333333;
text-decoration: none;
}
.fotoNosotros {
font-family: Verdana, Tahoma;
color:#666666;
size:11px;
line-height: 13px;
text-decoration: none;
font-size: 11px;
float: left;
width: 230px;
margin-top: 25px;
border: 1px solid #1f9ea4;
background-image: url(../images/fondonosotrosNombres1.jpg);
background-repeat: repeat-y;
height: 100px;
padding-left: 10px;
margin-left: 5px;
margin-bottom: 230px;
clear: left;
}

.fotoNosotros img {
float: right;
margin: 11px;
margin-left: 5px;
}

.nombre {
width: 100 px;
float: left;
margin-top: 45px;
margin-bottom: 20px;
font-family: Verdana, Tahoma;
font-size: 10px;
color: #1A787D;
text-decoration: none;
text-align: left;
}

.bloquechico {
width: 140px;
height: 19px;
font-family: verdana;
font-size: 10px;
color: #666666;
background-color: #FAFAFA;
border: #CCD8DC 1px solid;
}

.bloquedesplegable {
width: 140px;
height: 40px;
font-family: verdana;
font-size: 10px;
color: #666666;
background-color: #FAFAFA;
border: #CCD8DC 1px solid;
scrollbar-3dlight-color: #DBDBDB;
scrollbar-arrow-color: #DBDBDB;
scrollbar-base-color: #DBDBDB;
scrollbar-darkshadow-color: #FFFFFF;
scrollbar-face-color: #FFFFFF;
scrollbar-highlight-color: #FFFFFF;
scrollbar-shadow-color: #DBDBDB;
scrollbar-track-color:#FFFFFF;
}

#contactos{
width:400px;
float: right;
position: relative;
}



#form2 {
width: 180px;
float: left;
position: relative;
padding-top: 0px;
margin-top: 14px;
}

#formul1 {
width: 140px;
float: left;
position: relative;
text-align: right;
margin-top: 14px;
margin-right: 15px;
}

.botones {
width: 70px;
height: 16px;
font-family: verdana;
font-weight: bold;
font-size: 11px;
color: #FFFFFF;
background-color: #CCD8DC;
border: #CCD8DC 1px solid;
}
.textito {
font-family: verdana;
font-size: 10px;
color:#999999;
}
.fotinguis {
width: 900px;
height: 90px;
margin-top: 520px;
float: right;
position: fixed;
margin-right: 0px;
text-align: right;
}
#costadito {
float: left;
width: 102px;
text-align: right;
padding-right: 8px;
}
#costado {
float: right;
width: 450px;
}