no logro hacer q mi pagina se vea bien con firefox y chrome

[badaloni]

hola a todos la verdad es en lo ultimo q los quisiera molestar.

habia terminado mi pagina web, tenia todo listo despues de muchas consultas a este foro, sin embargo la subí y parecia todo bien.
hasta q la vi en otros buscadores y la verdad note q es un desastre.

si me pudieran ayudar seria buenísimo.

mi web:

http://murialdo-basquet.onlinewebshop.net


les dejo mi hoja de estilos por las dudas las necesiten.

* {margin:0px ; padding:0px ; border: 0px}
p {text-align: justify; font-family: arial }
h1 {font-size: 1.2em; color:white ; font-weight: bold ; font-family:verdana; text-decoration: underline ; text-align: center}
h2 {font-size: 17px; color:white ; font-weight: bold ; font-family:verdana; text-decoration: ; text-align: center}
h3{font-size: 17px; color:white ; font-weight: bold ; font-family:verdana; text-decoration: ; text-align: center}
h4{font-size: 17px; color:white ; font-weight: bold ; font-family:verdana; text-decoration: ; text-align: center}
h5{font-size: 17px; color:white ; font-weight: bold ; font-family:verdana; text-decoration: ; text-align: center}
a {color: orange; text-decoration: none;}
a:link {}
a:visited {}
a:hover {color:red; text-decoration: underline}
a:active {}
body {text-align: center}
#global1 {width:1024px; background-color: #000000 }
#global {width:800px;height:auto; margin: 4px auto; background-position: center}
#curva-superior {background-image: url(objetos/curva-superior.gif); background-repeat: no-repeat; width: 1024px; height: 12px; overflow : hidden}
#participa {background-position: left; margin: 204px 10px 0px 0px}
#cabecera {border-bottom: black 1px solid; width:798px; height:160px;}
#logotipo {background-color: black ; width:350px ; float:left}
#publicidad {background-color: black; background-image: url(objetos/publicidad.JPG);background-repeat: no-repeat; width:448px;height:155px; float:right}
#navegacion {background-color: black; border-bottom: black 1px solid; border-right: black 1px solid; border-left: black 1px solid; height:40px; font-family:arial; font-size:13px;}
#navegacion li {float: left; liststyle: none; margin: 8px 25px 7px 25px}
#nacegacion ul {margin-left: 60px}
#contenido {background-image: url( objetos/basketball6_01.jpg);background-repeat: repeat; border-bottom: black 1px solid; border-right: black 1px solid; border-left: black 1px solid; widht: 800px; height:700px }
#contenido p {font-size:12px; font-family: arial; padding: 5px 10px 5px 10px; text-indent: 15px; color:#FF7F24}
#cuadro {background-color: black;margin: 30px 30px 30px 30px; float: center; width: 600px; height: 100px; border: black 1px solid}
#cuadro2 {background-color: black;margin: 30px 30px 30px 30px; float: center; width: 600px; height: 100px; border: black 1px solid}
#cuadro3 {background-color: black;margin: 30px 30px 30px 30px; float: center; width: 600px; height: 100px; border: black 1px solid}
#cuadro4 {background-color: black;margin: 30px 30px 30px 30px; float: center; width: 600px; height: 100px; border: black 1px solid}
#cuadro5 {background-color: black;margin: 30px 30px 30px 30px; float: center; width: 600px; height: 100px; border: black 1px solid}
#menu {background-color: black; width: 150px ; float:left ; text-align:left ; margin: 20px 10px 3px 5px ; ; background-position: bottom ;padding-bottom:5px }
#menu li {list-style:none ; margin: 4px 8px 4px 6px }
#menu h1 {text-decoration:none ; font-size:12px ; padding-top:12px}
#cuadroplantilla {background-color: black; margin: ; float: right; width: 600px; margin: 20px 20px 10px 10px}
#pie {background-color: black; border-right: black 1px solid; border-left: black 1px solid; border-top:black 10px solid; height: 69px}
#pie li {list-style: none; font-size: 12px}
#pieuno {float:left; width:150px}
#piedos {float:left; width:498px; height:65px; }
#pietres {float:left; width:150px}
#curva-inferior {background-image: url(objetos/curva-inferior.gif); background-repeat: no-repeat; width:1024px; height: 12px; overflow : hidden}
#pie a {color: red; text-decoration:none ; display: block }
#pie a:link {}
#pie a:visited {}
#pie a:hover {color:withe ; text-decoration:underline ; background-color: withe }
#pie a:active {color:white}
#logotipo a {}
#logotipo a:link {}
#logotipo a:visited {}
#logotipo a:hover {background-color: white }
#logotipo a:active {}

[Yaneth]

que es exactamente lo que no se ve bien???

[badaloni]

por ejemplo la imagen de fondo de la capa cuadro en el index

se ve cortada en esos dos programas

y las otros capas dentro el alto no es automático como en el explorer.

o sea q mientras q en el explorer no hace falta q le ponga a cada capa un alto en esos si necesito ponerles un alto???

[Yaneth]

asi es
cada explorador tiene sus valores por defecto
por eso la importancia de verlo con diferentes
para que trates de igualarlos

saludos

[badaloni]

y q me aconsejas q ponga un valor para cada cuadro de acuerdo a lo q necesite?

osea q cada vez q quiera agregar o quitar información tendre q cambiar esos valores??

perdon la ignorancia...

y no sabes xq la foto de la capa contenido me sale cortada???.


muchas gracias de verdad por tanta ayuda

[badaloni]

ya corregi el problema con la imagen de fondo en la capa contenidoindex.

ahora tengo problemas para centrar las capas dentro de esta capa.

por ejemplo si aplico mas margin superior a la capa cuadro1, que es la primera en dentro de la nombrada, lo unico q hago es separa simplemente más a la capa contenido index de la q esta arriva de esta.

no se q hacer ...

[badaloni]

YA HE SOLUCIONADO MI PROBLEMA...

MUCHISIMAS GRACIAS POR TODO.