Ver Mensaje Individual
  #1 (permalink)  
Antiguo 30/05/2005, 14:29
Avatar de futilidad
futilidad
 
Fecha de Ingreso: julio-2002
Mensajes: 388
Antigüedad: 21 años, 9 meses
Puntos: 0
Scroll horizontal en firefox y en IE no

Holas a todos,
antes que nada quisiera aclara que estos son mis primeros pininos en css ya en forma, anteriormente maquetaba con tables, pero leyendo aqui y aca me he dado cuenta que es muchisimo mejor hacerlo por css, separando diseño de estrucutura.

Bien diseñando el layout de un formulario me encontrado con que en firefox me sale un scroll horizontal que no aparace en IExplorer, lo cual se agraba entre menos resolucion tenga el monitor, en 800 x 600 el scroll es largisimoooo...

Ojala me puedan ayudar, este es el codigo css:
Código:
	#container {
		width: 700px;
		margin: 0px auto;
		text-align: left;
		background-color: #FFFFFF;
		color: #666666;
		border: 5px solid #cccccc;
	}
	
	#header {
		background-color: #ffffff;
		color: #000000;
		padding: 3px 15px 3px 15px;
		border: 1px solid #808080;
	}
	
	#main {
		padding: 10px;
		border: 1px solid #808080;
	}
	
	#footer {
		clear: both;
		background-color: #444444;
		color: #ccc;
		padding: 1px;
		text-align: center;
		font-size: 10px;
	
	}	
	
	body {
		background-color: #666666;
		text-align: center;
		margin: 0px;
		font: 10pt Arial, Helvetica, sans-serif;
		overflow-x: hidden;
		overflow-y: auto;
	}
	
	.error {
	color: #FF0000;
	font-weight: bold;
	}


A:link {
  COLOR: #841466; TEXT-DECORATION: none; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
A:visited {
  COLOR: #841466; TEXT-DECORATION: none; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
A:hover {
  COLOR: #560E45; TEXT-DECORATION: underline; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
A:active {
  COLOR: #841466; TEXT-DECORATION: none; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

A.blanco:link {
  COLOR: #f0f0f0; TEXT-DECORATION: none; 

}
A.blanco:visited {
  COLOR: #f0f0f0; TEXT-DECORATION: none; 

}
A.blanco:hover {
  COLOR: #ffffff; TEXT-DECORATION: underline; 
	
}
A.blanco:active {
  COLOR: #f0f0f0; TEXT-DECORATION: none; 

}	

 h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #841567;
	width: 600px;
	padding: 1px 15px 1px 230px;
	}
	
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #841567;
	}
El formulario es el siguiente: Puche Aqui

De ante mano muchas gracias