Foros del Web » Creando para Internet » CSS »

Acercar elementos a los margenes del documento

Estas en el tema de Acercar elementos a los margenes del documento en el foro de CSS en Foros del Web. Hola, No se si el título deja muy claro lo que quiero hacer, pero lo explico mejor por si a caso. Lo que me sucede ...
  #1 (permalink)  
Antiguo 01/08/2008, 03:35
 
Fecha de Ingreso: diciembre-2007
Ubicación: Barcelona
Mensajes: 289
Antigüedad: 10 años
Puntos: 8
Acercar elementos a los margenes del documento

Hola,

No se si el título deja muy claro lo que quiero hacer, pero lo explico mejor por si a caso.

Lo que me sucede esque tengo un div que va a contener mi menú horizontal y será fijo. Lo que no consigo hacer es que obtenga todo el ancho del documento y que a más a más se pegue a los margenes superior y izquierdo del documento... No se si me he explicado muy bien. Para solucionar cualquier duda que tengais al respecto os adjunto el cófigo:

Código PHP:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<
html>
    <
head>
        <
title>Filmoteca</title>
        <
style type="text/css">
            
            
body
            
{
                
background-color#000000;
            
}
            
            
h2
            
{
                
color#FFFFFF;
                
font-familysans-serif;
            }
            
            
div.seleccion
            
{
                
margin-top150px;
            }
            
            .
boton
            
{
                
color:white;
                
background:#638cb5;
                /*border:0px;*/
                
width:120px;
                
height:30px;
            }

            .
menu
            
{
                
width100%;
                
background#eee none;
            
}
            
            .
menu ul
            
{
                
float:left;
                
width:100%;
                
padding:0;
                
margin:0;
                list-
style-type:none;
            }
            
            .
menu a
            
{
                
float:left;
                
width:6em;
                
text-decoration:none;
                
color:white;
                
background-color:#eee;
                
padding:0.2em 0.6em;
                
border-right:1px solid white;
            }
            
            .
menu a:hover
            
{
                
background-color:#ff3300
            
}
            
            .
menu li
            
{
                
display:inline
            
}
        </
style>
    </
head>
    <
body>
        <
div class="menu">
            <
ul>
                <
li><a href="#">A&ntilde;adir</a></li>
                <
li><a href="#">Consultar</a></li>
            </
ul>
        </
div>        
    </
body>
</
html
Evidentemente puedo acercar el div al margen poniéndole un margin-left negativo y listos, pero a parte de que no me parece muy elegante creo que si la resolución de la pantalla es diferente me joderá el diseño.

Otra cosa, puede ser por esto?: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

La verda que no tengo conocimientos profundos sobre el tema y por eso tengo estas dudas y quizás he dicho alguna tontería. Agradezco cualquier tipo de ayuda.

Muchas gracias de antemano!!!
  #2 (permalink)  
Antiguo 01/08/2008, 03:38
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Acercar elementos a los margenes del documento

Prueba añadiendo esto al principio de los estilos:

* {margin: 0; padding: 0;}

Puede que eso te descuadre alguna otra cosa, porque lo que hace es eliminar los márgenes y rellenos por defecto de la mayoría de los elementos.
__________________
Visita mi nueva web idplus.org
  #3 (permalink)  
Antiguo 01/08/2008, 04:25
 
Fecha de Ingreso: diciembre-2007
Ubicación: Barcelona
Mensajes: 289
Antigüedad: 10 años
Puntos: 8
Respuesta: Acercar elementos a los margenes del documento

Eres grande tio!!!
Se me ha pegado a los margenes que ni hecho a medida. Pero ahora me pasa otra cosilla, que aun que le ponga la anchura al 100% por la derecha me queda un huequecillo muy feo... Lo podría solucuionar poniendo más pixels que el máximo de la pantalla y quitando el scroll horizontal pero también me parece poco profesionar...

Tienes/eis alguna colución para esto?
Muchas gracias!!!
  #4 (permalink)  
Antiguo 01/08/2008, 05:10
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Acercar elementos a los margenes del documento

¿Qué elemento es el que quieres poner al 100%? Si es un div, y no tiene nada raro sin ponerle width debería ocupar el 100%.
Si es el "ul", para que coja el 100% deberás añadir:

html, body {width: 100%;}
__________________
Visita mi nueva web idplus.org
  #5 (permalink)  
Antiguo 01/08/2008, 06:40
 
Fecha de Ingreso: diciembre-2007
Ubicación: Barcelona
Mensajes: 289
Antigüedad: 10 años
Puntos: 8
Respuesta: Acercar elementos a los margenes del documento

Hola,
Gracias por responder nuevamente. Pero si no lepongo el width al div se me acorta hasta el límite del menú (del ul).

Creo que lo haré a lo cutre y listos, tampoco es tan grabe.

Saludos y muchas gracias de nuevo!
  #6 (permalink)  
Antiguo 01/08/2008, 08:07
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Acercar elementos a los margenes del documento

No creo que se te corte, pero para saberlo seguro, añade al div un borde tipo

border: solid 1px #f00

Así verás sus bordes y sabrás hasta dónde llega. Lo que creo más bien que te ocurre es que en realidad estás viendo el fondo del "ul" y no del div. Imagino.
__________________
Visita mi nueva web idplus.org
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 20:31.