Ver Mensaje Individual
  #3 (permalink)  
Antiguo 02/08/2007, 05:04
:.SMITEXX.:
 
Fecha de Ingreso: noviembre-2002
Ubicación: Cerca de todo, lejos de la nada.
Mensajes: 82
Antigüedad: 21 años, 5 meses
Puntos: 0
Re: problema con las posiciones en navegadores

Oye, la verdad me he tomado el tiempo de ver tu código y te sugiero:
- Crea un contenedor donde metas toda la información, pues asi todo esta regado por todas partes.
- Tu código css tiene errores: te faltan ; en algunas instrucciones, estas mezclando mayúsculas y minúsculas
- La clase que le defines al body dentro de éste, ponla dentro de los estilos

En fin. Traté de hacer algo "similar" a lo que tu quieres, pero creo q es más fácil si pones un jpg (sin maquetar) y te ayudamos a construir lo que necesitas.

pego el código con algunos arreglos, pues no se como hiciste para que se te viera así, lo probe con IE 6 y 7 y FF1 y FF2 y nunca lo pude ver así.

Saludos

Código:
<!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=ibm852" />
<title>Untitled Document</title>
<style type="text/css" media="screen">
/* Barra */
body
{
	scrollbar-face-color: #470300;
	scrollbar-highlight-color: #FEFDDE;
	scrollbar-shadow-color: #FFFFFF;
	scrollbar-arrow-color: #FEFDDE;
	scrollbar-base-color: #FFffff;
	font-color: #ffffff;
	scrollbar-3d-light-color: #FFFFFF;
	scrollbar-dark-shadow-color: #FFFFFF;
	background-image: url(fondo.jpg);
	background-color: #000000;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center;
	font-family: Verdana, Arial, Helvetica, sans-serif; 

}
/* Fuentes */

.text1 {
font-weight: normal;
font-size: 10px; 
color:#696969; 
line-height: 12px;
padding-top: 3px; 
}
/* divs */
#cabecera
{
	padding-top: 15px;
	padding-left: 15px;
	font-weight: bold;
	font-size: 1em;
	color:#FEFDDE;
	float: left;
	width: 300px;
	margin-left: 20px;
}
#enlaces
{
	padding-top: 15px;
	padding-left: 15px;
	font-weight: bold;
	font-size: 1em;
	font-family: Verdana;
	width: 300px;
	float: left;
	margin-left: 20px;
}
.textenlace0
{
color:#FEFDDE; 
text-decoration: none; 
}
#contenedor {
	height: 200px;
	width: 335px;
	background-color: #470300;
}
.textenlace0:hover {
{
color:#FFFFFF;
text-decoration: underline;
}  


</style>
</head>

<body>
<div id="contenedor">
<div id="cabecera">
aquí texto
</div> 
<div id="enlaces">
aquí enlaces
</div>  
</div>
</body>
</html>