Foros del Web » Creando para Internet » CSS »

ajustar web segun resolucion

Estas en el tema de ajustar web segun resolucion en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 02/11/2008, 19:24
 
Fecha de Ingreso: octubre-2007
Mensajes: 65
Antigüedad: 16 años, 5 meses
Puntos: 0
ajustar web segun resolucion

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!
  #2 (permalink)  
Antiguo 02/11/2008, 19:44
Avatar de Aresillo
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: Becerril de la Sierra
Mensajes: 958
Antigüedad: 16 años
Puntos: 53
Respuesta: ajustar web segun resolucion

Mirando el código...
Yo haría varias cosas...

Código:
.Contenido {
background-color:#001C28;
width:880px;
float:left;
}
Así dará igual la confi de pantalla que tengas porque se queda pegado a la izda... lo único que con menores de 1180px de ancho saldría la barra de navegación... yo recortaría pixeles del contenido puesto que no necesitas que tenga 880px de ancho con 700px ya valdría para que se viera bien en 1024x768

Luego, si se me permite opinar, yo centraría la página, quitaría el cuadro azul de arriba de la barra roja...y alinearía el menú porque se descentra...

Espero que te sirva!

Aresillo!!
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 01:32.