[css] ridimensionamento finestra browser causa posizionamento sbagliato elementi

[Ferika]

Salve a tutti!
ho un problemino con il posizionamento dei seguenti due blocchi:

#testo {
margin-top: 5px;
margin-bottom: 5px;
margin-left: 175px;
margin-right: 5px;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 0.7em;
text-align:justify;
line-height: 1.5em;
padding: 5px;
color: #440404;
border-left: 1px #000000 solid;
height: 250px;
whidt: 100%;
background-color: #ffffff;}

#menu_sinistra {
float: left;
margin-top: 5px;
margin-left: 5px;
width: 150px;
font-size: 0.7em;
padding-top: 5px;
padding-bottom: 10px;
text-align: right;
}

entrambi sono inseriti in un box puù grane che li contiene.

Il problema è che se all'interno del blocco "testo" inserisco un'immagine, un swf o un form, cioè qualunque cosa abbia delle dimensioni fisse, se ridimensiono la finestra del browser rendendola troppo piccola per contenere sia il "menu sinistra" che l'oggetto, il browser fa giustamente comparire le barre di scorrimento ma ottengo l'effetto collaterale che il box "testo" si riposiziona in basso, come se dovesse stare al di sotto di "menu sinistra".

allego l'immagine del "layout sbagliato" che è quello che si vedequando ridimensiono la finestra.
Che fare? potreste darmi una mano in modo che "testo" non scenda?


Sono molto inesperta, quindi vogliate scusare grossolane imprecisioni nel codice e nel post ^_^
Grazie a tutti!

[Federix]

Se tu hai un box largo 300px e lo dividi in due livelli di 100px e 200px senza mettere nessuna spaziatura esterna (margin), questi ti staranno di fianco l'uno all'altro.
Se metti una spaziatura esterna, es 20px al livello sinistro, devi ridurre di 20px la dimensione del livello, passando da 100px a 80px.
Prova a ricontrollare le dimensioni dei tuoi livelli e verifica che quanto spiegato sopra non si verifica.

[Ferika]

scusa, forse non ho capito molto bene (sono proprio una niubba ) ma credevo che non ci fossero problemi di questo tipo, dato che a parte il menu di sinistra (larghezza 150px) sia il box "contenitore" che quello "testo" hanno larghezze in percentuale, quindi dovrebbero adattarsi alle dimensioni... inoltre proprio perchè le dimensioni non sono fisse, quando la finestra del browser è più grande di 150 + dim immagine (o form...) i due layer stanno al posto giusto...

A meno che tu non intendessi che devo dare al box "contenitore" dimensione 150 + dim immagine o form... + calcolo eventuali margini... ma io non vorrei dare dimensioni fisse, vorrei che il layout si adattasse alle dimensioni del browser.

Scusa se sono tonta, e grazie per la risposta!!

P.S. posto anche il codice del box contenirore:

#box {
position: absolute;
top: 160px;
margin-bottom: 0;
margin-left: 30px;
margin-right: 60px;
width: 90%;
border: 1px #000000 solid;
background-color: #ffffff;}

[Ferika]

faccio un uppino

[Federix]

Non hai un link per vedere direttamente il sito???

[Ferika]

purtroppo no, perchè il sito è ancora in fase di progettazione...
se volete vi invio almeno l'immagine di come dovrebbe essere, così la confrontate con l'immagine che ho postato prima su come il layout viene sbagliato!

ciao,

speranzosa