Ver Mensaje Individual
  #1 (permalink)  
Antiguo 01/08/2008, 02:35
crujikoki
 
Fecha de Ingreso: diciembre-2007
Ubicación: Barcelona
Mensajes: 289
Antigüedad: 16 años, 4 meses
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!!!