Ciao a tutti.
Sto creando le pagine per un sito "flessibile".. ovvero ho tutti i vari contenitori che possono modificare le misure in base al contenuto.. posizionati con relative e utilizzando float..
Sono alle prime armi rispetto a questi tipi di layout, ma per ora mi sto scontrando con una cosa strana.
Ovvero il margin negative.
In pratica io ho il mio div content, che contiene tutto tutto il sito.. il problema è che il menu deve essere un po' più in alto rispetto a tutto il resto.
Gli ho quindi dato il margin-top a -20 e mi sembrava funzionare tutto correttamente.
(su safari mac).
L'ho guardato ora su explorer 7 e chrome e invece non mi prende il margine negativo.
Cosa potrebbe essere? come posso risolvere?
Questo è parte dell'html incriminato:
poi prosegue...Codice PHP:
<div id="content">
<div id="box_menu">
<div id="scritta_menu"></div>
<div id="menu">
<ul>
[*][url="#"]voce 1[/url]
[*][url="#"]voce 2[/url]
[/list]
</div>
e questi i css:
grazie milleCodice PHP:#content {
float:left;
position: relative;
text-align: left;
width: 904px;
min-height:340px;
margin-top:5px;
background-color:black;
}
#box_menu{
position: relative;
margin:-20px 0 0 12px;
width:177px;
min-height:427px;
background:#CC0000 url("img/menu_sx.jpg") no-repeat top left;
float:left;
}
#scritta_menu{
position: relative;
margin:22px 0 0 5px;
width:171px;
min-height:47px;
float:left;
background:#CC0000 url("img/scritta.jpg") no-repeat top left;
}
#menu{
position:relative;
margin:5px 0 0 25px;
width:150px;
float:left;
}
ciao!

Rispondi quotando
=MaRk0n3= 