problemi con i div

[stargenesis83]

salve. dopo aver studiato i css di base ho pravato ciò.ho creato 1 file .css esterno dove ho inserito dei tag
per avere uno sfondo fisso, barredi scorrimento azzurre, un puntatore di colore rosso e link senza sottolineatura. il tutto funziona perfettamente. dopo aver studiato i css di base volevo risolvere questo problema. ho lo sfondo, creo un <div>, con sfondo bianco e con le seguenti misure: sin:212px, sup:227px, La:595 e Al: 1904. Nel div ho messo del testo e non esce dallo sfondo bianco del div. Sul lato sinistro(del div con sfondo bianco, usato pe fare una cornice) ho messo 1 altro div con le misure: sin: 166px, Sup: 227px, La: 44 e Al: 2310. Il div che fa da cornice destro destra ha le seguenti misure: Sin: 880px, Sup: 227, La 44px e Al 2310px.il fatto è che il div che fa da cornice destra e sinistra graficamente ternima alla stessa altezza del div con sfondo bianco ma nella barra delle proprietà di DreamWeaver MX le misure sono diverse: 1904 per div bianco e 2310 per il div che fa da cornice e di conseguenza in Explorer le barre che fanno da cornice sono più lunghe del div che fa da sfondo bianco.

Ho provato con i CSS ma non riesco. invece di spiegare cosa ho fatto, visto che questo post è già lungo, potreste dirmi come fareste voi? Uso i CSS da file esterni. ho provato varie volte e alla fine io mi trovo con il testo sparso sullo sfondo senza il div con sfondo bianco.

A volte mi trovo anche il testo fuori dal Div con il testo bianco.

comunque le mie pagine hanno ognuna con un div(con sfondo bianco) di varie lunghezze.


Forse c'è un metodo per risolvere più in fretta questo mio problema ma io vorrei risolvere la cosa prendendo questa strada.. attraverso i CSS.

grazie per le eventuali risposte

[stargenesis83]

con il codice potreste capire meglio:


nel file esterno .css:


body{
background-color: #ccc;
background-image: url(Immagini/sfondopagine.gif);
background-attachment: fixed;
cursor: url("pointer.cur");
scrollbar-face-color: #0099FF;
scrollbar-shadow-color: #000000;
scrollbar-highlight-color: #00FFFF;
scrollbar-3dlight-color: #00FFFF;
scrollbar-darkshadow-color: #0000FF;
scrollbar-arrow-color: #000000;
scrollbar-track: #0000FF;

}

A:LINK{
text-decoration: none;

}

A:VISITED{
text-decoration: none;

}

A:HOVER{ color: blue;

text-decoration: none;
}

#div1{
position:absolute; left:212px; top:227px; width:595px; height:1904px; z-index:2; background-color: #FFFFFF; layer-background-color: #FFFFFF; border: 1px none #000000;}

#div2{
position:absolute; left:167px; top:227px; width:44px; height:2310px; z-index:8; background-color: #FF0000; layer-background-color: #FF0000; border: 1px none #000000; img src:"Immagini/Barre/scrittabarraoro.jpg" width="44" height="300"}

#div3{
position:absolute; left:808px; top:227px; width:44px; height:2310px; z-index:9; background-color: #FF0000; layer-background-color: #FF0000; border: 1px none #000000;}



nella mia pagina html:

<div id="div1"> (div con testo e delle figure con sfondo bianco) </div>
<div id="div2"> (dovrebbe esserci una barra sul lato sinistro dello sfondo bianco con scritto oroscopo ma non si vede.dovrebbe essere sulla barra con sfondo rosso ed in formato .jpg) </div>
<div id="div3"> (semplice barra rossa vuota sul lato destro del div con sfondo bianco)</div>






Riassunto:


div1 è al centro della pagina con sfondo bianco

div2 è una barra verticale con sfondo rosso con dentro una figura .jpg alla sinistra del div1

div3 è una barra verticale con sfondo rosso vuoto alla destra del div 1

spero di essere stato chiaro

ogni pagina ha un div1, div2 e div 3 diverso da 1 altra pagina




noterete che l'altezza dei div2 e div3 sono di 2310 e il div 1 è di 1904. in Explorer le 2 barre rosse sono più lunghe del div1(sfondo bianco).

se metto div2 e div3 alla stessa misura del div1 (da 2310 a 1904) in Explorer sono più corte. come mai?

in linea è sempre la stessa cosa.

ps: il sito non è in rete.