hola!
hace muy poco estoy aprendiendo a usar CSS. y esta es mi primera web con div y CSS:
http://getsuryuu.x10hosting.com/next_ver/
la cosa es que se deforma, y se ve raro (segun me han dicho) en pc con diferente resolucion a la mia.... y pues, esa no es la gracia, entonces queria que me ayudaran a cuadrar para todas las resoluciones mi web
les dejo el CSS. El html creo que lo pueden sacar con lo de ver codigo fuente....
Código:
@charset "utf-8";
body {
background:#000;
margin:0;
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#909da2;
}
.banner_bg {
background-image:url(http://getsuryuu.x10hosting.com/images/lay_11.jpg);
width:100%;
height:410px;
background-color:000;
}
.banner {
background-image:url(http://getsuryuu.x10hosting.com/images/lay_01.jpg);
background-repeat:no-repeat;
background-color:000;
width:1150px;
height:360px;
}
.banner_left {
background-image:url(http://getsuryuu.x10hosting.com/images/lay_02.jpg);
background-repeat:no-repeat;
background-color:000;
width:380px;
height:50px;
float:left;
}
.menu_foro {
background-image:url(http://getsuryuu.x10hosting.com/images/lay_03.jpg);
background-repeat:repeat-x;
background-color:#001C28;
width:1150px;
height:50px;
}
.barrita {
background-image:url(http://getsuryuu.x10hosting.com/images/lay_05.jpg);
width:100%;
height:20px;
background-repeat:repeat-x;
background-color:#8D3333;
color:#fff;
}
.Menu{
background-color:000;
width:300px;
float:left;
border-bottom-width:medium;
border-color:#462F30
}
.Menu_top {
background-color:000;
background-image:url(http://getsuryuu.x10hosting.com/images/lay_08.jpg);
background-position:center;
background-repeat:no-repeat;
width:300px;
height:170px;
}
.Menus {
background-color:000;
width:300px;
height:170px;
}
.Menu_titulos {
width: 150px;
font-size:18px;
color:#825859;
font-weight:600;
}
.Menu_text {
width: 150px;
font-size:10px;
color:#825859;
}
.Menu_bot {
background-color:000;
background-image:url(http://getsuryuu.x10hosting.com/images/lay_12.jpg);
background-position:center;
background-repeat:no-repeat;
width:300px;
height:170px;
}
.Contenido {
background-color:#001C28;
width:880px;
float:right;
}
.Texto_contenido {
background-color:#001C28;
width:600px;
}
/* Menu */
img{border:0px;}
.flt{float:left;}
.menubg{clear:left; background-color:#000; width:100px;}
.menu{float:left; clear:left; font:bold 11px Arial, Helvetica, sans-serif;}
.menu li {
margin:0px 0px 0px 0px;
list-style:none;
}
.menu a, .menu a:visited {
width:100px;
height:22px;
margin:0px 0px 2px -32px;
position:relative;
display:block;
color:#fff;
text-decoration:none;
padding:4px 0 0 8px;
}
*html .menu a, .menu a:visited {
width:100px;
height:22px;
margin:0px 0px 2px -32px;
position:relative;
display:block;
color:#fff;
text-decoration:none;
padding:4px 0 0 8px;
}
.menu a:hover, .menu a:active,
.menu li.current_page_item a, .menu li.current_page_item a:visited {
text-decoration:none;
background-color:#462F30;
}
.bot{clear:left;}
/* Textos */
.Titulos {
font-size:18px;
font-weight:800;
}
gracias!