div con position:fixed no me funciona

[yasahe]

Hola, tengo un div en mi html q dentro tengo 2 divs mas con el banner y el menu, pero se me queda fijo como quiero, solo q se me corre completamente a la derecha, fuera del page....... por q me pasa??

HTML
<div id="top_static">
Aqui tengo 2 DIVs
</div>


#top_static{
margin: 0 auto 2px auto;
margin-bottom: 20px;
margin-top: 30px;
position: fixed;
float: left;
width: 980px;
height: 200px;
padding-bottom:15px;
}

[Impostor]

El div que pones, yo lo veo en la izquierda, ¿te refieres a los dos div que contiene? Necesitaria el código completo.

Saludos¡¡

[yasahe]

Mira, este es el HTML

<div id="top_static">
<div>
<div class="headerbanner" id="headerbanner">
<div id="header">

</div>
</div>
<div>
<div id="menuv">
<div id="menu">

</div>
</div>


<div id="ban">
<div>

</div>

</div>
</div>
</div>
</div>

Y este es el CSS

#top_static{
margin: 0 auto 2px auto;
margin-bottom: 20px;
margin-top: 30px;
position: fixed;
float: left;
width: 980px;
height: 200px;
padding-bottom:15px;
}

#headerbanner {
width: 980px;
background: transparent url('../img/banner.jpg') ;
height: 130px;

}

#header {
float: left;
width: 67%;
text-align: right;
}

#menuv {
width: 980px;
height: 30px;
margin: 0 auto;
}

#menu{
float: left;
width: 980px;
height: 30px;
background: url(../img/img02.gif) repeat-x;
padding-bottom:15px;
}

#ban {
float: left;
width: 980px;
height: 35px;
background: url(../img/Simg02.gif) repeat-x;
background-color: white;
padding-bottom:15px;
}


Gracias por responder.

[Impostor]

Yo lo veo completamente a la izquierda, ¿ese es el problema?

[yasahe]

No, sale a la derecha, como puedo enviarle una foto?? Puede darme tu correo para enviarle una foto??

[Impostor]

Mejor subela a imageshack o similar y la compartes aqui.

[yasahe]

No he podido subor, tengo problemas para eso. Mira, el asunto es q sale completamente a la derecha, se va del page... y ademas, el contenido de lo q iba a continuacion se pone detras en el mozilla porque lo demas pasa en ie. En fin, se pone a la misma altura, lo q en ie se pone a la derecha q solo se ve el comienzo y en mozilla arriba de lo demas...... please, ayudame.

[Impostor]

Sin la url de tu web o una imagen me temo que no puedo aytudarte, sintiendolo mucho.

Saludos¡¡

[jomaruro]

Hola:

+1

Saludos.

[yasahe]

Supongo q no es una respuesta verdad?

[Willy_N]

Sospecho que el problema tiene que ver con todos esos float:left; y el

Código:

position: fixed;
float: left;

tampoco me cuadra. Y no deberías meter tantos divs dentro de otros, no hace falta, el truco está en saber posicionar cada cosa, preferiblemente sin floats y sin meter divs dentro de divs. A mi entender.

[Jeibi]

Yo también pienso que te sobra el float, ya que le estas dando margenes por todos lados. Y otra cosa, tienes un margin solo con 4 parámetros y luego tienes un margin-top y otro bottom. Me parece que se está haciendo un lio el Div.
Prueba a quitar el float:left, y al margin solo le pones auto. Así:

Código:

#top_static{
margin: auto;
margin-bottom: 20px;
margin-top: 30px;
position: fixed;
width: 980px;
height: 200px;
padding-bottom:15px;
}

esto debería dejártelo centrado.
Espero que te sirva.

[jomaruro]

Hola:

He puesto un color distinto en cada uno de los div de tu código, y he puesto el nombre de cada uno para ver como responden, el resultado es este:



Saludos.