Entrar

Títulos, de los div bien en IE, mal en firefox

newnoi · · Solicitar retirada
El titulo que está en h6 me aparece en 2 lineas en firefox, y los colores de fondo de los div lengua y navegación no salen en firefox apareciendo color de fondo de contenido
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>

<meta content="text/html; charset=iso-8859-1" http-equiv=Content-Type>
<meta name="keywords" content="humedad humidity humitat humidité capilaridad"/>
<title>HUMITAT-STOP</title>
<link rel="stylesheet" href="estilo-general-hs.css" type="text/css" media="all">
</head>
<body>
<div id="global">
<!-- INICIO CODIGO DE CABECERA - NO TOCAR
fin cabecera-->
<div id="humitat">
<h5><font color="blue" face="Rockwell extra bold, Arial, MS Sans Serif"

>HUMITAT-</font><font color="red">STOP</font></h5>
</div>
<div id="lengua">
<ul>
  • <font color="red">CATALÀ</font>
  • CASTELLANO
  • FRANÇAIS
  • ENGLISH
  • DEUTSCH

    </div>
    <div id="navegacion">
    <ul>
  • <font color="red">PORTADA</font>
  • SISTEMA</br>OSMOTERRA
  • BASE</br>CIENTÍFICA
  • CONTACTAR
  • AVANTATGES
  • REFERENCIES

    </div>

    <div id="contenido">

    <h6>NO MÉS HUMITATS</h6>
    <h1>UNA SOLUCIÓ GLOBAL PER A LES HUMITATS</h1>
    </div>
    </div>

    y el CSS correspondiente

    * {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
    p {text-align: justify}
    h1 {font-size: 1.2em; color:#0B0B3B ; font-weight: bold ; text-decoration: underline ;
    text-align: center}
    h2 {font-size: 1.0em; color:#0B0B3B ; text-decoration: none ;
    text-align: left}
    h3 {font-size: 1.3em; color :#0B0B3B; font-weight: bold ; text-decoration: none ;
    text-align: left; margin: 5px 10px 0px 10px ;text-indent: 15px}
    h4 {font-size: 1em; color :#0B0B3B; font-weight: bold ; text-decoration: none ;
    text-align: center; margin: 5px 10px 0px 10px ;text-indent: 15px}
    h5 {font-size: 5.1em; color:red ; font-weight: bold ; text-decoration: none ;
    text-align: center}
    h6 {font-size: 4.8em; color:red ; font-weight: bold ; text-decoration: underline ;
    text-align: center}
    body {text-align: center }
    #global {width:800px ; margin:4px auto}

    #cabecera {background-color: white ; border-left: black 0px solid ;
    border-right: black 0px solid ; height:100px}
    #logotipo {width:800px ;height:100px; float:left }
    #logotipo a {}
    #logotipo a:link {}
    #logotipo a:visited {}
    #logotipo a:hover {background-color: pink }
    #logotipo a:active {}
    #publicidad {width:0px ; float:right ; margin-top:25px ; font-size: 16px }
    #humitat {width:800px ;height:100px; float:left ;background-color: white ;font-weight:bold}
    #lengua {background-color: #0000FF ;color: #FFFFFF; font-weight: bold ; border: black 1px solid ; height:30px; width: 800px}
    #lengua li {float:left ; list-style:none ; margin: 0px 35px 0px 35px }
    #lengua ul { margin-left: 18px }
    #abans {float:left ;background-color: #81F7F3 ;color:#0B0B3B; font-weight: bold ; margin: 0px 22px 0px 22px; height:20px}
    #despres {float:right ;background-color: #81F7F3 ;color:#0B0B3B; font-weight: bold ; margin: 0px 22px 0px 22px ; height:20px}
    #abansidespres {width:800px}
    #navegacion {background-color: #0033FF ;color:#0B0B3B; font-weight: bold ; border: black 1px solid ; height:20px ; width: 800px}
    #navegacion li {float:left ; list-style:none ; margin: 0px 15px 0px 15px }
    #navegacion ul { margin-left: 18px }
    #croquis{ background-color: #81F7F3 ; border-left:black 1px solid;
    border-right:black 1px solid; width:300px ; float:left }
    #croquis1 {width:300px; float:left}
    #croquis2 {width:300px; float:left }
    #croquis3 {width:300px; float:left}
    #contenido {background-color: #81F7F3 ; border-left: black 1px solid ; font-size: 16px;border-right: black 1px solid; }
    #contenido p {margin: 10px 30px 0px 10px ; text-indent: 15px ; font-size: 18px;}
    es mi primera web
    Gracias por la ayuda
    • newnoi · · Solicitar retirada
    el problema basico era que no iba bien el CSS, añadiendo un float left an navegación se ha solucionado para todos los browsers
    JorGens · · Solicitar retirada
    Creo que fue ayer, gracias a Yaneth aprendí un buen truco para corregir algunos errores. Se trata de contar la cantidad de divs que hay abiertos y cuántos hay cerrados. En tu caso Matrux, el número es distinto en tu web, por lo que alguna capa no la has cerrado. Ese puede ser el problema que nos cuentas. Revísalo y nos dices, oki?
    matrux · · Solicitar retirada
    Jorgens_CCTW escribió:Creo que fue ayer, aprendí un buen truco para corregir algunos errores. Se trata de contar la cantidad de divs que hay abiertos y cuántos hay cerrados. En tu caso Matrux, el número es distinto en tu web, por lo que alguna capa no la has cerrado. Ese puede ser el problema que nos cuentas. Revísalo y nos dices, oki?

    Gracias Jorgens, tenias razon, me faltaba la div contenedor.