Problema de visualización en cabecera y contenido

  • Autor Autor joelandy14
  • Fecha de inicio Fecha de inicio
joelandy14

joelandy14

VIP
Iota
Verificado
Verificación en dos pasos activada
Suscripción a IA
Alguien me puede ayudar en este Problema?

Veo que la cabecera y el contenido se juntan pero el menu esta alfondo, como lo soluciono? porque cada div debe respetar segun el orden


ayuda.png




css:
Insertar CODE, HTML o PHP:
#contenedorprincipal {
	height: auto;
	width: 100%;
	background-image: url(../images/fondo.png);
	background-repeat: repeat;
	text-align: center;
}

#contenedorprincipal #cabecera {
	height: 150px;
	width: auto;
	text-align: center;
	background-repeat: no-repeat;
}
#contenedorprincipal #menu #apDiv1 {
	text-align: center;
	width: 700px;
	height: 50px;
	background-position: center;
	margin-left: 9px;
	background-color:#FFF;
	
	
}



#contenedorprincipal #menu {
	height: 50px;
	width: 100%;
	background-image: url(../images/fondo_menu.png);
	font-family: "Arial Narrow";
	font-size: 24px;
	font-weight: normal;
	text-decoration: none;
	text-align: center;
	background-color:#FFF;
	}

#contenedorprincipal #contenido {
	height: 700px;
	width: 800px;
	margin:0 auto 0 auto;
	text-align:left;
	margin:0 auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #F00;
	
}

#contenedorprincipal #contenido #titulo{
	height:100px;
	width:50px;
	
	}

HTML:
HTML:
<div id="contenido">
        	<div id="Titulo">
            <br/>
            <br/>
            NOSOTROS
            </div>
                    
            
    </div>


PD. DESDE HACE TIEMPO ESTOY TRATANDO DE ACABAR ESTA WEB.
 
Fija el width y el height, o agregale a los elementos internos medidas especificas, no te recomiendo DreamWeaver, con Firebug de Firefox ya tendrías el porque de este problema.
 
Fija el width y el height, o agregale a los elementos internos medidas especificas, no te recomiendo DreamWeaver, con Firebug de Firefox ya tendrías el porque de este problema.

Hola, me he dado cuenta que el menu esta con html5 (nav), y la cabecera y contenido con html4 (div) es por que se pega.

pero si hago solo puro div pues se va un diseño especial para nav.

que lio...:fatigue:
 
El orden deberia ser:

Header
Menu
Contenido

Si le agregas medidas fijas al contenedor del nav, no creo que se vea mal.

Tambien podrias intentar meter el nav en el header, junto con algun clear:both para que se acomode bien.
 
Atrás
Arriba