Foros del Web » Creando para Internet » CSS »

En vez de moverse el recuadro, se mueve el marco. (en ie bien)

Estas en el tema de En vez de moverse el recuadro, se mueve el marco. (en ie bien) en el foro de CSS en Foros del Web. La verdad un poco dificil definir mi problema en pocas palabras para el titulo el post :( . Bien, paso a explicar mi problema: Primer ...
  #1 (permalink)  
Antiguo 18/09/2006, 12:14
 
Fecha de Ingreso: abril-2006
Mensajes: 56
Antigüedad: 11 años, 7 meses
Puntos: 0
En vez de moverse el recuadro, se mueve el marco. (en ie bien)

La verdad un poco dificil definir mi problema en pocas palabras para el titulo el post :( .

Bien, paso a explicar mi problema:

Primer muestro el codigo css:

Código:
body{
padding:0;
margin:0 10% 0 10%;
width:80%;
}
#marco {
margin:0;
width:100%;
background-color:#000;
}
#recuadro{
margin-left:2%;
margin-top:2%;
width:40%;
background-color:#006633;
}
Ahora el uso:

Código:
<div id="marco">
    <div id="recuadro">Uno<br />Dos<br />Tres</div>
</div>
Si se fijan bien.. el "recuadro" debe dejar espacio de 2% arriba e izquierda del "marco". Con el Internet Explorer, perfecto pero en Firefox.. lo que hace es arrastrar el "marco" hacia abajo dejando un espacio de 2%. Pero yo quiero que lo haga el "recuadro".

Resumiendo: En firefox en vez de dejar tranquilo el marco.. lo mueve hacia abajo en vez de mover el recuadro como bien lo hace el explorer.

A que se debe?? solucion?

Gracias :)
  #2 (permalink)  
Antiguo 19/09/2006, 05:28
 
Fecha de Ingreso: marzo-2004
Mensajes: 338
Antigüedad: 13 años, 9 meses
Puntos: 2
Buenas rimon! En vez de dar margin al recuadro dale paddings al marco. Te tendría que quedar algo tal que asi:

Código:
body{
padding:0;
margin:0 10% 0 10%;
width:80%;
}
#marco {
margin:0;
padding-top: 2%;
padding-left: 2%;
width:100%;
background-color:#000;
}
#recuadro{
width:40%;
background-color:#006633;
}
__________________
SiMpLiFiKa
http://www.manitasdelweb.com
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 18:59.