Entrar

Web distinta en explorer y en mozilla

arna · · Solicitar retirada
Hola , queria consultaros a ver si veis que es loq ue hago mal. resulta que mi pagina web en mozilla se ve centrada y en iexplorer no. Pero en iexplorer se ve como se deberia ver y en mozilla los articulos destacados se ven cortos y en los titulos se van arriba.Ademas de la linie blanca que se ve entre las secciones de articulos.

La direccion es esta: www.entrecomadres.org

La hoja de estilos

* {margin:0px ; padding:0px ; border: 0px}
body{background-color:#e6fac2;font-family:Arial,Verdana}
#global {width:800px ; margin: 4px auto}
#global2 {width:800px;margin:4px auto}
#cabecera {margin-top:5px;text-align:center}
#logotipo {float:left}
#navegacion {background-color: #c9f47c;float:right ;height:25px;width:520px;margin-top:15px;margin
;border-left:#b5f86a 1px solid;border-right:#b5f86a 1px solid;text-align:center;padding:10px;}
#navegacion li{list-style:none;float:left;margin-left:40px;text-align:center;font-size:1.2em }
a { text-decoration: none;color:#333399}
#web {background-color: white;float:left;width:320px; height:160px;margin-left:27px;margin-top:5px
;border:#333399 1px solid}
.textazul{color:#333399;text-align:center;margin-top:5px}
#compadres{float:left;margin-left:5px}
#forohoy{float:left;}
#titulos{margin-top:25px;width:800px}
#destacados{float:left;margin:20px 15px 0 40px}
#sabermas{float:left;margin-top:30px}
#contforohoy{float:right;margin-top:25px;background-color:white;border:#a3e13e 1px solid;width:150px;height:250px}
.textazulpeque{color:#333399;text-align:center;margin-top:5px;font-size:0.8em}
#contenido{float:left;width:800px;margin-top:25px;text-align:center}
#contdestacados{background-color:white;border:#a3e13e 1px solid;width:375px; height:110px}
.textazuldest{color:#333399;text-align:center;margin-top:5px;font-size:0.9em}
#articulos{float:left}
#articulos li{list-style:none}

Y la hoja en html es esta


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>Entrecomadres: Compartiendo la experiencia de criar a nuestros hij@s</title>
<link rel="stylesheet" href="estilogeneral.css" type="text/css" media="all">
<link rel="stylesheet" href="estilo-menu-desplegable.css" type="text/css" media="all">
<script language="javascript" src="no-tocar.txt" type="text/javascript"></script>
<script language="javascript" src="numero-de-menus.txt" type="text/javascript"></script>
</head>
<body onload="init();">
<div id="global">

<div id="cabecera">
<div id="logotipo">[contenido no disponible]</div>

<div id="navegacion">
<ul>
  • Inicio
  • Foro
  • Chat
  • Buscador
  • [correo eliminado]

    </div>
    <div id="web"><p class="textazul">
    Esta web nace con la esperanza de ser un libro en blanco, un libro vivo que se escriba cada día recopilando así la experiencia de todas las madres que quieran en torno a su maternidad.(Saber mas...)    </p></div>
    <div id="compadres">
    [contenido no disponible]
    </div>
    </div>
    <div id="titulos">
    <div id="sabermas">
    [contenido no disponible]
    </div>
    <div id="destacados">
    [contenido no disponible]
    </div>

    <div id="forohoy">
    [contenido no disponible]
    </div>

    </div>
    </div>
    <div id="global2">
    <div id="contenido">
    <div id="contforohoy">
    <p class="textazulpeque">prueba</p>
    </div>
    <div id="articulos">
    <ul>
  • [contenido no disponible]
  • [contenido no disponible]
  • [contenido no disponible]
  • [contenido no disponible]

    </div>
    <div id="contdestacados">
    <p class="textazuldest"> Articulos destacados renovables</p>
    </div>
    <div id="contdestacados">
    <p class="textazuldest"> Articulos destacados renovables</p>
    </div>
    <div id="contdestacados">
    <p class="textazuldest"> Articulos destacados renovables</p>
    </div>
    </div>
    </br>
    </br>
    </br>
    </br>
    </br>
    </br>
    </br>
    </br>
    </br>
    </br>
    </br>
    </br>
    </br>
    </br>
    </br>
    </br>
    </br>
    </br>
    </br>
    </br>
    </br>
    </br>
    </br>
    </br>
    </br>
    </br>
    </br>
    </br>
    </br>
    </br>
    </br>
    </br>
    <justify>[contenido no disponible]</justify>
    </br>
    </br>
    </br>

    <center> [contenido no disponible]</p></center>
    </div>
    <script language="javascript" src="definir-menus.txt" type="text/javascript"></script>
    </body>
    </html>


    • Os agrdeceria que me ayudarais porque no se como hacerlo,

    Gracias
    Jugoncan · · Solicitar retirada
    La solución para centrar la web en todos los navegadores sería poner en body lo siguiente:
    body{background-color:#e6fac2;font-family:Arial,Verdana; text-align: center}
    Pero claro, después surgirán problemas con el desplegable que habrá que solucionar.
    Saludos, Juanma :wink:
    arna · · Solicitar retirada
    mchas gracias por contestar, el problema es que no me hace ni caso :( Tambienhe puesto que no tenga marfenes y nmozilla me los crea.
    arna · · Solicitar retirada
    Si !! Gracias a ti tambien. Lei la respuesta que le diste a otra persona y justiofiqué en global y centre en body o al rves que ahora no me acuerdo. Muchas gracias.