Problema con DIV

LzO

A ver si es posible que me digais donde está el fallo porque me estoy comiendo la cabeza:

	<div id="cabecera">
		<div id="logo">
			<img src="imagenes/logo.gif" alt="logo"	/>
		</div><!--fin de logo-->
		<ul id="menu">
			<li><a href="#">inicio</a></li>
			<li><a href="#">hosted</a></li>
			<li><a target="_blank" href="#">stats</a></li>
			<li><a target="_blank" href="#">webmasters</a></li>
			<li><a href="#">bookmark</a></li>
		</ul><!--fin de menu-->
		<div id="banner468">
			<img src="imagenes/banner468.gif" alt="bannertop" />
		</div><!--fin de banner468-->
        <div id="cats">
			<ul id="categorias">
				<li><a href="#">amateur</a></li>
				<li><a href="#">anal</a></li>
				<li><a href="#">asiaticas</a></li>
				<li><a href="#">ebony</a></li>
				<li><a href="#">hardcore</a></li>
				<li><a href="#">jovencitas</a></li>
				<li><a href="#">latinas</a></li>
				<li><a href="#">lesbianas</a></li>
				<li><a href="#">maduras</a></li>
				<li><a href="#">mamadas</a></li>
				<li><a href="#">orgias</a></li>
				<li><a href="#">viejas</a></li>
				<li><a href="#">voyeur</a></li>
				<li><a href="#">webcams</a></li>
			</ul><!--fin de categorias-->
        </div><!-- fin de cats-->
	</div><!--fin de cabecera-->

Luego en el CSS tengo:

#cabecera {
    height: 170px;
    background-color: black;
}

#menu li {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 17px;
    font-weight: bold;
    float: left;
    margin-left: 22px;
    margin-top: 26px;
    text-transform: uppercase;
}

#menu a {
    text-decoration: none;
    color: white;
}

#menu a:hover {
    text-decoration: underline;
}

#logo {
    float: left;
    margin-left: 22px;
    margin-top: 18px;
}

#banner468 {
    float: left;
    margin-left: 454px;
    margin-top: 70px;
    position: absolute;
}

#categorias li {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    text-transform: capitalize;
    display: inline;
    text-align: center;
    margin-right: 5px;
}

#categorias li a {
    text-decoration: none;
    color: white;
}

#categorias li a:hover {
    text-decoration: underline;
}

#cats {
    float: left;
    clear: both;
    margin-left: 20px;
    margin-top: 3px;
}

No os asusteis si veis alguna atrocidad, mi nivel no es muy amplio.

Resulta que en local, lo veo perfecto el banner de 468x60 pero online una vez subido al servidor no se ve en firefox, en cambio en ie8 si se ve.

Estoy dandole vueltas...

lebroN

Mira a ver si te funciona con este css (es el mismo pero he cambiado el ancoh y alto y se lo he puesto fijo). Te pongo el codigo:

    #cabecera {
        height: 170px;
        background-color: black;
    }
   
#menu li { font-family: Arial, Helvetica, sans-serif; font-size: 17px; font-weight: bold; float: left; margin-left: 22px; margin-top: 26px; text-transform: uppercase; }
#menu a { text-decoration: none; color: white; }
#menu a:hover { text-decoration: underline; }
#logo { float: left; margin-left: 22px; margin-top: 18px; }
#banner468 { width: 468px; height: 60px; float: left; margin-left: 454px; margin-top: 70px; position: absolute; }
#categorias li { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; text-transform: capitalize; display: inline; text-align: center; margin-right: 5px; }
#categorias li a { text-decoration: none; color: white; }
#categorias li a:hover { text-decoration: underline; }
#cats { float: left; clear: both; margin-left: 20px; margin-top: 3px; }

Por cierto te vas a montar una porno o que? jajaj que maquina!

1 respuesta
LzO

#2 Sigo sin verlo, uso firefox 3.5.19 sin embargo viendo en la pagina de http://browsershots.org

se ve bien en firefox 5.0, 3.6.10, 2.0.0.19...

no entiendo el problema xDD

A la pregunta, sí, tengo 4 paginas xD

B

Pon la ruta completa de la imagen por si acaso la relativa esté fallando por algo.

1 respuesta
lebroN

Lo he retocado un poco para evitar el position:absolute

Aqui el html:

<link href="file:///C|/xampp/htdocs/web-ayudar/style.css" rel="stylesheet" type="text/css">
    <div id="cabecera">
                    <div id="logo">
                            <img src="imagenes/logo.gif" alt="logo" />
                    </div><!--fin de logo-->
                    <ul id="menu">
                            <li><a href="#">inicio</a></li>
                            <li><a href="#">hosted</a></li>
                            <li><a target="_blank" href="#">stats</a></li>
                            <li><a target="_blank" href="#">webmasters</a></li>
                           <li><a href="#">bookmark</a></li>
                   </ul><!--fin de menu-->
           <div id="cats">
                           <ul id="categorias">
                                   <li><a href="#">amateur</a></li>
                                   <li><a href="#">anal</a></li>
                                   <li><a href="#">asiaticas</a></li>
                                   <li><a href="#">ebony</a></li>
                                   <li><a href="#">hardcore</a></li>
                                   <li><a href="#">jovencitas</a></li>
                                   <li><a href="#">latinas</a></li>
                                   <li><a href="#">lesbianas</a></li>
                                   <li><a href="#">maduras</a></li>
                                   <li><a href="#">mamadas</a></li>
                                   <li><a href="#">orgias</a></li>
                                   <li><a href="#">viejas</a></li>
                                   <li><a href="#">voyeur</a></li>
                                   <li><a href="#">webcams</a></li>
                           </ul><!--fin de categorias-->
                   <div id="banner468">
                           <img src="imagenes/banner468.gif" alt="bannertop" />
                   </div>
                   <!--fin de banner468-->
		  
</div><!-- fin de cats--> </div><!--fin de cabecera-->

Y aqui el css tambien modificado:

    #cabecera {
        height: 170px;
        background-color: black;
    }
   
#menu li { font-family: Arial, Helvetica, sans-serif; font-size: 17px; font-weight: bold; float: left; margin-left: 22px; margin-top: 26px; text-transform: uppercase; }
#menu a { text-decoration: none; color: white; }
#menu a:hover { text-decoration: underline; }
#logo { float: left; margin-left: 22px; margin-top: 18px; }
#banner468 { width: 468px; height: 60px; float: right; margin-right: 5px; margin-top: 0px; background-color:#FFFFFF; }
#categorias li { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; text-transform: capitalize; display: inline; text-align: center; margin-right: 5px; }
#categorias li a { text-decoration: none; color: white; }
#categorias li a:hover { text-decoration: underline; }
#cats { float: left; clear: both; margin-left: 20px; margin-top: 3px; }

El fondo del banner lo he puesto blanco porque al no tener imagen necesitaba guiarme xD

1 respuesta
LzO

#4 y #5 Despues de haber posteado aquí me fui a la playa a despejarme un rato y aún allí le estube dando vueltas a la cabeza y sabeis que? me lo olía... uso el adblock plus de firefox y claro... al banner le puse de nombre banner460.gif.... el adblock bloquea anuncios y palabras claves... por eso no me mostraba el banner jajaja por el nombre que chorrada

solucionado, gracias.

soanix

faaaaaiil! suele pasar

Usuarios habituales