Hola quetal que les parece mi codigo

[acoevil]

Hola como estan hace poco empece con css y he aprendido mucho mirando manuales y viendo las preguntas y soluciones que hacemos en el mismo Foro lo que pasa es que quiero que me digan si mi codigo es muy redundante o muy confuso mejor dicho quiero que me digan que deberia mejorar para que fuera mas preciso

Les recuerdo hace poco empece comprendamen jajaja

TODO ES CSS


body
{
background:#FFF;
}
#contenedor
{

/* ESTE ES EL CONTENEDOR PRINCIPAL DE LA WEB*/
font-family:Verdana, Arial, Helvetica, sans-serif; color:#000000; font-size:2em;
background:#304550;
width:900px; height:800px;
border:3px solid #ccc;
margin:auto;

}
/* ESTE ES EL CONTENEDOR DONDE ESTA UBICADO EL BANNER*/
#contenedor2
{
font-family:Verdana, Arial, Helvetica, sans-serif; color:#fff; font-size:1em; text-align:center; text-transform:capitalize;
background:#304550;
width:880px; height:150px;;
border:3px solid #E9E9E9;
border-bottom:0px;
margin:2px 10px;
}
/* ESTE ES EL CONTENEDOR DONDE ESTA UBICADO LOS ENLACES*/

#contenenlaces
{
font-family:"Lucida Sans Unicode"; font-size:20px; color:#fff; text-align:center; text-transform:capitalize;
background:#333333;
border:3px solid #E9E9E9;
margin:2px 10px;
}

/*ESTE ES EL CODIGO DE LOS ENLACES A:LINK A:VISITED A:HOVER*/
a:link,a:visited
{
color:#fff; font-family:"Lucida Sans Unicode"; font-size:20px; text-align:center;
text-transform:capitalize;text-decoration:none;
margin:3px;
}
a:hover{
color:#fff; font-family:"Lucida Sans Unicode"; font-size:20px; text-align:center,
text-transform:capitalize;text-decoration:none;
background:#666666;
}


/*ENLACES PARTE CONTENEDORIZ*/

ul.menu
{
/*list-style-type:none;*/
}
ul.menu ul
{

list-style-type:none;
display:none;
}
ul.menu li:hover >ul
{
display:block;
}

/*********************** CLASES ***************************************/
p,li{color:#000;}
.text{color:#336699;font-size:9pt; text-decoration:none;}
.text2{color:#333333;font-size:9pt; text-decoration:none;}

/*********************************************** --->>> H1 H2 H3 H4 .. <<<--*/


/* TITULOS */
h1 {font-family:Tahoma; color:#fff; font-size:20px;}


/* PARA ENLACES DE NAVEGACION IZQUIERDOS */
h2 {color:#000; font-family:"Lucida Sans Unicode"; font-size:20px; text-align:center;
text-transform:capitalize;text-decoration:underline;
}
/*********************************************** --->>>*/

/* CONTENEDORES DONDE SE ENCUENTRA UBICADO LOS TEXTO TITULOS Y DEMAS RELLENO */

#contenedoriz
{
font-family:"Lucida Sans Unicode"; font-size:20px; color:#fff; text-align:left; text-transform:capitalize;
background:url(desbanecido.jpg) repeat-x #fff; /*TAMBIEN SE PUEDE DEFINIR background:url(desbanecido.jpg) repeat-x; background-color:#fff; para que de el efecto de imagen con fondo coloreado;*/
border:3px solid #E9E9E9;
padding:5px;
margin-right:0px;
margin:2px 10px; /* el primer px maneja top -- bottom el otro px maneja left--right*/
float:left;
width:200px; height:500px;
}

#contenedorprin
{
background:url(desbanecido.jpg) repeat-x #FFFFFF;

color:#000;
width:628px;
border:3px solid #e9e9e9;
padding:5px 3px;
float:right;
margin:2px 10px;

}

AQUI EL DISEÑO :)

http://www.truekesoft.net/mi%20web%20css/nuevo%20dise%f1o%20en%20css/nuevo%20dise%f1o/index.html

[acoevil]

Ufff y tengo serios problemas en IE se ve raro y he buscado pro todos los medios posibles pero no doi con lo que es que me aconsejan???

[_oscar_]

Hola,

Si se puede reducir, por ejemplo estas repitiendo el tipo de letra para los textos del dentro del div #contenedorprin, podrias asignar el tipo al div, asi solo el titulo tendria su propio tipo de letra y el resto del texto heredaria el tipo. Algo similar para contenedor2 y #contenedorprin, se puede asignar los estilos comunes al elemento que los contiene.

Te recomiendo que instales Firebug para Firefox, si es que todavia no lo estás usando. Vas a poder determinar que estilos usa cada elemento, de donde provienen (de donde heredan) y cambiarlos facilmente.

Saludos,

Oscar

[Jamati]

Podrías poner el código de tu pagina completo para verlo mejor ?

[acoevil]

<html>
<head>
<title>Documento sin t&iacute;tulo</title>
<link href="mi estilo.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div id="contenedor">
<div id="contenedor2">
<p><h1>Desarrollo web :) Manuales Online</h1></p>
</div>
<div id="contenenlaces"><a href="#">.::Inicio::.</a><a href="#">.::Ayuda::.</a><a href="#">.::Manules::.</a> <a href="#">.::Css::.</a><a href="#">.::Html::.</a><a href="#">.::Foros::.</a><br />
</div>
<div id="contenedoriz"><h2>
<p>Izquierda</p>
<p>&nbsp;</p>
<ul class="menu">
<li>Opciones
<ul>
<li>primera</li>
<li>segunda</li>
</ul>
<li>opcion 2
<ul>
<li>tercera</li>
<li>cuarta</li>
</ul>
</li>
</li>

</ul>
</p>
</div>
<div id="contenedorprin">
<h2>Principal</h2>
</p>
<p class="text">Aqui empezaremos con el manual de css :)</p>
<p class="text2">Aqui estoy uyilizando la segunda clase :)</p>
</p>
</div>
</div>
</body>
</html>