Entrar

Error con los floats

linkgl · · Solicitar retirada
Hola,

Bien he estado haciendo unas pruebas con el blog de notas... haciendo una web con puros divs eh visto el curso con divs y me he basado de ahi el problema es que:

El global tiene el fondo naranja
y cuando pongo los divs el fondo no se extiende hasta el pie de la pagina
no se si me explique... aqui les dejo los codigos:

con la vista previa en explorer todo va muy bien pero en firefox es donde el fondo no se extiende hasta el final de la pag

codigos:

<HTML>

<HEAD>

<TITLE>Mi Primera Web Con DIVs</TITLE>

<LINK media=all href="divs/estilos.css" type=text/css rel=stylesheet>

</HEAD>

<BODY>

<div id="global">

<div id="curva-superior">
</div>

<div id="cabecera">

<div id="navegacion"></div>
</div>

<div id="bartolo">


Este es mi primer DIV llamado bartolo</P>
</div>


<div id="jorge">


Este es mi tercer DIV llamado jorge</p>

</div>

<div id="catalina">



Este es mi segundo DIV llamado catalina</P>

</div>


<div id="perico">



Este es mi cuarto DIV llamado perico</P>


</div>


<div id="curva-inferior">


ese es el pie de la pagina


</div>


</div>


</BODY>

</HTML>





ESTILOS CSS:


BODY {BACKGROUND-COLOR:yellow ;}


#global {BACKGROUND-COLOR:orange ; BORDER: #000 1px solid; ; MARGIN: 4px 4px 4px 4px ; PADDING: 2px 2px 2px 2px ; WIDTH: 800px ;}

#cabecera { width: 800px ; border-left: black 1px solid ; border-right: black 1px solid }

#curva-superior {
background-repeat: no-repeat ;
width: 800px ;
height: 120px;
overflow: hidden }

#navegacion {background-color: gray ; border: black 1px solid ; height:20px }

#navegacion li {float:left ; list-style:none ; margin: 0px 20px 0px 20px }

#contenido {width: 800px ; background-color: white ; text-aling: left;border-left: black 1px solid ; border-right: black 1px solid}

#bartolo {BACKGROUND-COLOR:#00CC00 ; BORDER: #000 1px solid ; MARGIN: 0px 2px 0px 0px ; WIDTH: 150px ; FLOAT: LEFT}

#catalina {BACKGROUND-COLOR:#00CCFF ; BORDER: #000 1px solid ; MARGIN: 0px 0px 0px 0px ; WIDTH: 487px ; FLOAT: left}

#perico { BACKGROUND-COLOR:#00CCFF ; MARGIN:2px 0px 0px 0px ; WIDTH:487px ; BORDER: #000 1px solid ;TEXT-ALIGN:justify ; FLOAT: LEFT}

#jorge { BACKGROUND-COLOR:#00CC00 ; BORDER: #000 1PX SOLID ; MARGIN: 0px 2px 0px 0px ; WIDTH:150px ; FLOAT: right;}

#fondo {background-image: url(MIS PAGINAS WEB/OBJETOS/celda.png)}

P {PADDING: 5px 10px 5px 10px}

#curva-inferior { background-repeat: no-repeat ;
width:800px ;
height:30px ;
overflow: hidden;
FLOAT: left}

GRACIAS :idea:
linkgl · · Solicitar retirada
creo k nadien sabe... bueno en fin ya lo solucione por si a alguien le interesa solo puse la imagen de el pie de la pagina, lo puse sin float y se extendio el fondo, solo era cuestion de poner algo sin la etiqueta float hasta abajo