Lunghezza DIV

[GANDULE]

Ciao a tutti!!

Volevo porvi un problema, sto creando questo sito

http://giovanniorani.altervista.org/

e non riesco a capire questa posizione;

il div in alto che contiene il menu(div_menu), ha come sfondo un rettangolo nero, questo rettangolo però, non arriva alla fine dello schermo, eppure ho impostato i margini a 0. Se li imposto con un valore negativo, questa raggiunge la fine dello schermo o anzi, lo supera e quindi mi mostra la barra sotto(che non vorrei assolutamente).

Sapreste consigliarmi qualche soluzione??

[gabar-el]

con il codice css si capirebbe un pò meglio.
comunque da ciò che dici mi pare tu debba semplicemente dare a quel div questa dichiarazione:

div#div_menu {margin:0 auto;}

[GANDULE]

Uhm... ho provato... ma... non và.
Posto il codice, magari può chiarire qualcosa...

body
    {
        background: transparent url(Images/BackGround.jpg);
    }
    
    
img
    {
        border: none;
        
        width:1024;
        height:430;
        
    }

    

#div_container
    {
        height: 700px;
        width:auto;
        
        margin: 0px;
        padding: 0px;
    }
    
    
#div_menu
    {
        height: 80px;
        width: auto;
        
        background-color:#000;
        
        padding: 0px;
        margin: 0px auto;


    }
    
    
#div_submenu
    {
        background-image: url(Images/Bottoni/backMenu.jpg);
        background-repeat: no-repeat;
        
        
        height: 80px;
        width: 1024px;
    
        margin-left: auto;
        margin-right: auto;
    }
    

#div_sub2menu
    {
        padding-top: 0px;
    }
    

#div_menu ul
    {
        
        
        
        height: 80px;
        margin-top: 7px;
        margin-left: 50px;
        padding: 0;
        
        
    }


#div_menu ul li
    {
        margin-right: 0px;
        display: inline;
    }
    
    
#div_slideshow
    {    overflow: hidden;
        position: relative;
        height: 430px;
        width: 1024px;
        
        margin-left: auto;
        margin-right: auto;
    }
    
#div_footer
    {
        height: auto;
        width: 290px;
        
        padding-top: 3px;
        
        margin-left: auto;
        margin-right: auto;
        
        color:#FFF;
        font-size: 15px;
        font-weight:bold ;
        font: Arial, Helvetica, sans-serif;
    } 

[gabar-el]

hai dato un width: auto al contenitore principale, impostagli una misura e il width auto del div_menu saprà come rapportarsi al suo contenitore.
fai sapere.

[GANDULE]

Ho modificato in questo modo... ma a quanto pare la situazione non cambia... che strano...



#div_container
{
height: 700px;
width:1800;

margin: 0px;
padding: 0px;
}


#div_menu
{
height: 80px;
width: auto;

background-color:#000;

padding: 0px;
margin: 0px auto;


}

[gabar-el]

#div_container
{
height: 700px;
width:1800;

margin: 0px;
padding: 0px;
}

manca l'unità di misura e comunque 1800 mi pare troppo per qualsiasi misura implementerai.

[GANDULE]

Ho aggiornato in questo modo...

#div_container
    {
        height: 700px;
        width: 1200px;
        
        margin: 0px;
        padding: 0px;
    }
    
    
#div_menu
    {
        height: 80px;
        width: auto;
        
        background-color:#000;
        
        padding: 0px;
        margin: 0px auto;


    }
    
    
#div_submenu
    {
        background-image: url(Images/Bottoni/backMenu.jpg);
        background-repeat: no-repeat;
        
        
        height: 80px;
        width: 1024px;
    
        margin-left: auto;
        margin-right: auto;
    } 

Praticamente però adesso è ulteriormente troppo stretto.
con 1800 mi si mostrava la barra di scorrimento inferiore, ma il lato sinistro era ugualmente staccato, come con un margine impostato, ma in realtà non esistente.

http://giovanniorani.altervista.org/

[gabar-el]

nel div div_menu sostituisci il width auto con un width uguale a quello degli altri div, cioè 1024 px
decidi una dimensione di layout e lavora su quella. Hai dei width impostati ad auto, altri a 1200 e altri a 1024. Se farai ordine in queste dimensioni le cose funzioneranno correttamente.

[GANDULE]

Ho impostato il background nel container, levandolo dal body, per vedere come lo visualizzava. In pratica, il container non raggiunge gli estremi dello schermo, come se avesse il margine impostato, ma io li ho messi a 0.

nel div div_menu sostituisci il width auto con un width uguale a quello degli altri div, cioè 1024 px decidi una dimensione di layout e lavora su quella. Hai dei width impostati ad auto, altri a 1200 e altri a 1024. Se farai ordine in queste dimensioni le cose funzioneranno correttamente.

Ho provato a seguire questo consiglio... ma non mi risolve il problema, mi ritrovo sempre un margine sinistro.


è possibile far adattare il div container in base allo schermo? Ho provato ad impostarlo come 100% su entrambi i parametri, ma non ottengo sempre lo stesso risultato.

[GANDULE]

up