Come riportare in alto un div

[andrew low]

Come posso fare che nel mio sito a fare in modo che il campo news e/o testo ritorni su, alla stessa altezza del menù e della pubblicità? Attenzione che non posso usare "position" perchè se clicchi sul menù, il menù si allunga e le news scivolano giu.

[Razorblade]

Ciao,
il problema è che il contenitore #menu si estende per il 100% della larghezza, di conseguenza il div successivo va a capo. Prova a definire una larghezza.

Noterai di conseguenza che i 'big_menu' contenuti al suo interno si restringeranno moltissimo, questo perchè hanno una larghezza in percentuale, 18%. Elimina la larghezza o inserisci 100%.

Considerata la domanda sono quasi sicuro che non usi Firebug per Firefox .

Fammi sapere.

[andrew low]

#menu non ha il 100% di height, semmai c'è l'ha il body e il div #body. Comunque come posso dargli una dimensione fissa, mi riuslterebbe male se visto ad altre risoluzioni. Quindi come posso risolvere?

P.S:no, non uso nè firebug nè firefox. Uso Opera, mi trovo meglio.

[Razorblade]

Originariamente inviato da andrew low
#menu non ha il 100% di height, semmai c'è l'ha il body e il div #body. Comunque come posso dargli una dimensione fissa, mi riuslterebbe male se visto ad altre risoluzioni. Quindi come posso risolvere?

P.S:no, non uso nè firebug nè firefox. Uso Opera, mi trovo meglio.

Non mi risulta di aver mai scritto che qualche elemento abbia 100% di height.

Comunque ti assicuro che ti ho risposto e se leggi bene ciò che ho scritto riuscirai a capire.
Larghezza equivale a width, altezza equivale ad height.

Anche se non usi firefox, siccome sviluppi layout per il web dovresti poter vedere il risultato su tutti i maggiori browser.
Saluti

[andrew low]

Si, scusa, mi sono confuso tra height e width. Io gli ho dato una larthezza, ma mi si rimpiccioliva tanto e non capivo. Poi ho sistemato. Solo che comunque non torna su lo stesso. Il nuovo css è:

 html, body {
margin : 0px;
padding: 0px;
border: 0px;
height: 100%;
width: 100%;
} 

 #body {
padding-left: 11%;
padding-right: 11%;
height: 100%;
} 
 
#body_footer {
position: relative;
}

body>#container {
height: auto;
min-height: 100%
}

 #header {
background: url(./grafica/sfondo_header.png) repeat-x;
height: 150px;
}

 #menu_h {
height: 22%;
width: 62%;
margin-top: 3%;
margin-left: 11%;
border: 5px dotted red;
}

 #menu {
margin-top: 6%;
width: 18%;
}

 #big_menu1 {
width: 100%;
height: 20px;
float: left;
padding-top: 1%;
padding-bottom: 0.4em;
background: #848484;
}

  #big_menu2 {
width: 100%;
height: 20px;
float: left;
padding-top: 1%;
padding-bottom: 0.4em;
background: #848484;
}

  #big_menu3 {
width: 100%;
height: 1.5em;
float: left;
padding-top: 1%;
padding-bottom: 0.4em;
background: #848484;
}

 #title_menu a{
width: 18%;
float: left;
padding-top: 2%;
background: url(./grafica/sfondo_titolo.png) repeat-x;
}

.menu a{
color: #808080;
font-weight: 500;
font-size: 1.2em;
text-decoration: none;
}

 li {
list-style-image : url(./grafica/pi.png);
}

 


.menu a:hover{
color: red;
font-weight: bold;
padding-left: 1%;
font-style: oblique;
font-size: 1.4em;
text-decoration: none;
text-shadow: 5px 5px #909090;
}

 #pubblicita_little {
height: 600px;
width: 120px;
float: right;
position: relative;
top: -22%;
margin-right: 11%;
}

 #news {
margin: 6% 21% 15px 23%;
border: 5px solid red;
height: 200px;
}


 #text {
text-align: justify;
margin: 0px 21% 15px 23%;
width: 55%;
}

 #footer {
width: 100%;
height: 50px;
background: #848484; //url(./grafica/sfondo_footer.png) repeat-x;
text-align: center;
position: absolute;
bottom: 0px;
}

 .footer {
color: red;
font-weight: bold;
}

L'Html è lo stesso.

P.S:Io ho FF per vedere come viene, però non lo uso.