ayuda con texto que se sale de su div porfa

bueno aqui tengo mi web les doy el link
http://heavenlyquest.mywebcommunity.org/


esta es mi web "por el momento" estoy trabajando en ella xP
tenia otra pero encontre que tava muy xanta ¬_¬
fome, fea...
la estava asciendo 50 y 50 por html y diseño dreamweaver
pero ahora la quiero aser al 100% por html y mejorar un poco mas con lo de los diseños aver si aprendo algo xP

lo que no entiendo es que yo no le e puesto fondo a la web!! noc xq se ve con un fondo que nisiquiera tengo en la carpeta ¬_¬ pero alomejor uds no lo ven.. bueno el punto es que tengo 2 divs visibles hasta el momento

el div del baner
<div id="baner">
y el div del menu a
<div id="menua">
ambos estan centrados con margen automatico
tienen un borde color verde, fino, solido
el punto es que ya esta el div del baner
(aqui va el baner)
y el div del menu a, el texto sale por afuera del borde
¿porque ocurre esto?
¿que puedo aser para arreglarle?

Buenas!

Este es el codigo de tu body por el momento:

<div id="body">
<div id="baner">
<h1> aqui va el baner </h1>
</div>
<div id="menua">


por que queda este texto aqui?? uu'??</p>
</div>
<div id="menub">


aqui va el menu b </p>
</div>
</div>

Y el de la hoja de estilos este otro:

#body {
background-color:#000000;
background-image: none;
}

#baner {
font-family: hamburgerHeaven;
font-size: 14px;
font-style: normal;
line-height: l; font-weight: normal;
color: #FFFFFF;
background-color: #000000;
text-align: justify;
margin: 5px;
height: 100px;
width: 800px;
border: thin solid #00FF00;
left: auto;
top: auto;
right: auto;
bottom: 5px;
text-align:center;
text-align:justify;
margin:auto;
padding: 0px;
background-image: none;
}


#menua {
font-family: hamburgerHeaven;
font-size: 12px;
font-style: normal;
line-height: l;
font-weight: normal;
color: #FFFFFF;
text-align: justify;
margin: 5px;
height: 20px;
width: 800px;
border: thin solid #00FF00;
left: auto;
top: 5px;
right: auto;
bottom: auto;
margin:auto;
background-image: none;
}

lo que no entiendo es que yo no le e puesto fondo a la web!! noc xq se ve con un fondo que nisiquiera tengo en la carpeta ¬_¬ pero alomejor uds no lo ven..

Pues no, no vemos ningun fondo. De hecho no hay ningun fondo declarado en los estilos, luego no se puede ver mas que un color negro.

bueno el punto es que tengo 2 divs visibles hasta el momento

Mas bien tienes tres divs visibles. Lo que ocurre es que a la capa (o div) menub le hass definido color de texto negro y fondo negro, con lo que no se distingue el texto, pero está ahí.

y el div del menu a, el texto sale por afuera del borde
¿porque ocurre esto?
¿que puedo aser para arreglarle?

No entiendo. Yo veo el texto del menua dentro de un recuadro verde, debajo del recuadro tambien verde el baner... es asi no? Cual es el problema?

Veo que has definido algunas cosas de estilo sin sentido. Yo que tú eliminaba todos los estilos y se los iria dando uno a uno para ver qué es lo que consigues y asi los que no valen para nada o están mal los eliminas. Y si no consigues algo que quieres nos preguntas y te ayudamos, pero si sigues añadiendo codigo css sin sentido al final te vas a encontrar con una hoja de estilos gigante y con fallos. Te he señalado en rojo cosas raras. Tambien tienes cosas repetidas o cosas que defines de distinto modo, por ejemplo, primero le dices que text-align: justify;luego mas abajo le indicas que text-align:center; justo despues text-align:justify;...... cual quieres realmente? :wink:

Pero no desanimes, pregunta lo que necesites o tengas duda y verás como aprendes un montón. Este es el unico modo de aprender bien, hacer experimentos como el tuyo, fallar y corregir. Vas bien! :wink:

mucha gracias xP
es que en cuanto a eso del alineamiento de los textos XD!! era por que queria que los divs se vieran al centro de la pagina... si los ponia a la izquierda o a la derecha, desde mi punto de opinion se veria mal..
entonses como que puse el text align... no funcionaba XD!! lo puse denuevo, tampoco funcionava y ahi me perdi un poco y despues vi que funcionaba al poner el margin: auto

gracias por el apoyo ^^...
io creo que mi pagina ba bn O.o.. onda dspues de un tiempo ojala tome forma xP...

antes avia hecho una web 50 y 50 como dije anteriormente
pero a los computadores con menor resolucion se veia mal.. por eso tratare de aser una para la resoluccion de 800
aunque creo que vere... un compañero tiene la resolucion "tipica" que tiene la gente
entonses al el le preguntare como lo ve xP
io no puedo usar la "tipica" T.T xq mi pantalla no totalmente cuadrada es rectangular XD!! (notebook)...
tonce igual como que no sirve muxo xP..


otra cosa! eso si..
tengo una duda.. io ocupo dreamweaver por lo que, me recomiendas usar las librerias??
para aser un menu??

y para terminar;
gracias por desirme mis fallas... voy a sacar esos errores xP
y see.. lo mejor es ir probando xD!!..
wenop xP muxas grax...

"p.d: las dudas no las puse en otro tema por que no son como dudas son mas recomendaciones que me podrian dar u.u"

Si, claro. Usa las librerias pues te van a ahorrar mucho trabajo. Al menos hasta que explique alguna otra alternativa en las lecciones.

Un abrazo!