Foros del Web » Creando para Internet » CSS »

Problemas con Diseño en CSS

Estas en el tema de Problemas con Diseño en CSS en el foro de CSS en Foros del Web. Hola! Llevo un tiempo leyendo este foro desde que decidí cambiar el diseño para hacer mi web en CSS (Lenguaje del cual conozco poco). El ...
  #1 (permalink)  
Antiguo 29/07/2006, 12:34
 
Fecha de Ingreso: mayo-2006
Mensajes: 1
Antigüedad: 11 años, 7 meses
Puntos: 0
Problemas con Diseño en CSS

Hola!
Llevo un tiempo leyendo este foro desde que decidí cambiar el diseño para hacer mi web en CSS (Lenguaje del cual conozco poco). El caso es que despues de probar con el diseño y seguir algunos pasos que he leido aquí, he llegado a un punto en el que se me plantean varios problemas.

Por si es mas facil, la direccion donde está la muestra de este diseño que estoy haciendo es: w w w. todoestopa. com/PRUEBA/10.html (No me deja poner el enlace directo )

La primera cosa es que el diseño se ve bien (exceptuando algunas cosas que me gustaria cambiar que luego ya explicaré) en Internet Explorer, pero con el Mozilla Firefox, no se porqué motivo, me salen algunas cosas desfiguradas respecto al diseño. Además, los fondos de los menus, de la barra superior y del pie de pagina, no se por qué, pero no aparecen
No se si es que hay algo del diseño que está mal hecho, o que hay que modificar algo para que se vea bien para ambos navegadores.

Lo segundo es que dentro del "diseño que se ve bien", en Explorer, también hay alguna cosa que no me sale tal y como yo quiero:
Lo que yo busco es que los menus laterales se ajusten respecto al texto que hay en el div central. Es decir, que según el texto que haya en el central, los menús vayan hasta ese punto. Lo mismo que los dos divs de bajo, quiero que se situen justo después de que en el div central acabe el texto. Sin embargo, ahora mismo, los menus y los divs de bajo están muy por debajo de donde acaba el texto del div central, sin saber porqué.

Por si resulta mas facil, aqui os dejo los codigos del CSS:

Código PHP:
/* CSS Document */

body 
    
margin-left2px
    
margin-top0px
    
margin-right2px
    
margin-bottom4px
    
background-color#300C06;
    
scrollbar-track-color:#2F0C06;
    
scrollbar-darkshadow-color:#000000;
    
scrollbar-shadow-color:#000000;
    
scrollbar-3dlight-color:#000000;
    
scrollbar-highlight-color:#000000;
    
scrollbar-arrow-color:#ff9900;
    
scrollbar-face-color:#170104;
    
font-family:"Comic Sans MS";

}

#todo {
    
width100%;
    
height100%;
    
marginauto
    
text-aligncenter
}

#cuerpo {
        
background-color#300C06;
        
font-family:"Comic Sans MS";
        
width100%;
        
height100%;
        
marginauto

}
#centro {
    
background-imageurl(imagenes/fondos/fondo.gif);
    
width100%;
    
height100%;
}
#central {
    
width100%;
    
height100%;
}

#barranavegacion {
    
background-color#300C06;
    
height:23px;
    
background-imageurl(menu css/barranavegacion.gif);
    
text-align:left;
}
#publicidad {
    
text-align:center;
    
width100%;
    
height:auto;
}


#menui {
    
floatleft;
    
width118px;
    
height100%;
    
background-imageurl(menu css/menu2.gif);
    
background-attachmentfixed;
    
background-color#300C06;
    
text-align:center;
}
#menud {
    
floatright;
    
width118px;
    
height100%;
    
background-imageurl(menu css/menu2.gif);
    
background-attachmentfixed;
    
background-color#300C06;
    
text-align:center;

}
#cabecera {
    
background-imageurl(imagenes/fondos/banner-.gif);
    
background-color#2d0c05;
    
background-position:center;
    
background-repeat:no-repeat;
    
width100%;
    
height:85px;
}
#pie{
    
background-color#300C06;
    
color#FF9900;
    
font-family:"Comic Sans MS";
    
font-size:12px;
    
font-weight:bold;
    
text-aligncenter;
    
width:auto;
    
height:auto;
    
float:inherit;
    
background-imageurl(menu css/barranavegacion.gif);


}

.
menu    font-size 13pxcolor #FF9900 }
a.menu:link        text-decorationnonecolor #FF9900;  }
a.menu:visited  text-decorationnonecolor #FF9900;  }
a.menu:active   text-decorationunderlinecolor #ffcc33; }
a.menu:hovertext-decorationunderlinecolor #ffcc33; }

.barranavegacion    font-size 14pxcolor #FFFF33 }
a.barranavegacion:link        text-decorationnonecolor #FF9900;  }
a.barranavegacion:visited  text-decorationnonecolor #FF9900;  }
a.barranavegacion:active   text-decorationunderlinecolor #ffcc33; }
a.barranavegacion:hovertext-decorationunderlinecolor #ffcc33; } 
y del HTML:

Código HTML:
<html>
<head>
<link href="css-.css" rel="stylesheet" type="text/css">
</head>
<body>

	<div id="todo">
		<div id="cabecera"></div>
		<div id="cuerpo">
		  <div id="menui" class="menu"><a href="enlace.html"></a>
			  <p class="menu"><a href="descargas/descargas.htm" target="principal"></a></p>
			  <p class="menu"><a href="enlace.html" class="menu">Enlace</a></p>
			  <p class="menu"><a href="enlace.html" class="menu">Enlace</a></p>
			  <p class="menu"><a href="enlace.html" class="menu">Enlace</a></p>
			  <p class="menu"><a href="enlace.html" class="menu">Enlace</a></p>
			  <p class="menu"><a href="enlace.html" class="menu">Enlace</a></p>
			  <p class="menu"><a href="enlace.html" class="menu">Enlace</a></p>
		  </div>	

			<div class="menu" id="menud">
			  <p><a href="enlace.html" class="menu">Enlace</a></p>
			  <p><a href="enlace.html" class="menu">Enlace</a></p>
			  <p><a href="enlace.html" class="menu">Enlace</a><a href="enlace.html" class="menu"></a></p>
			  <p><a href="enlace.html" class="menu">Enlace</a></p>
			  <p><a href="enlace.html" class="menu">Enlace</a></p>
			  <p><a href="enlace.html" class="menu">Enlace</a></p>
		  </div>
			<div class="barranavegacion" id="barranavegacion"><a href="../home.htm" target="_parent" class="barranavegacion">Home</a>&gt;<a href="categoria1.htm" class="barranavegacion">Categoria 1</a>&gt;<a href="seccion1.htm" class="barranavegacion">Secci&oacute;n 1</a>&gt;Secci&oacute;n</div>
			<div id="central">
			<div id="centro">
		      <p>texto de prueba  </p>
		      <p></p>
			  </div>
			   <div id="publicidad"><img src="publicidad.jpg"></div>	
<div class="menu" id="pie">Pie de pagina </div>
		  </div>
			
</div>
</div>
</body>
</html> 
Por ahora esos son los problemas que tengo con el diseño, a ver si alguien me puede echar una mano para intentar arreglarlo.

Gracias de antemano
  #2 (permalink)  
Antiguo 02/08/2006, 06:26
Avatar de Avi
Avi
 
Fecha de Ingreso: junio-2006
Mensajes: 13
Antigüedad: 11 años, 5 meses
Puntos: 0
Hola, en primer lugar, te aconsejo que agreges al principio de la página html la etiqueta <!DOCTYPE>, hay muchos lugares donde explican la sintaxis.

Además dale un título.

En cuanto la maquetación, te recomiendo que leas este artículo:
w w w. tierradenomadas. com/tw003.phtml

Espero que te sea de ayuda.
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 04:13.