[CSS]Lay 3C: la sidebar_left non và su

**pcf** · 25-02-2004, 21:43

Non riesco a spostare su la sidebar_right come potete vedere da qui :

Ho provato a
- ridurre il width della sidebar_left e delle cornici all'interno,
- applicare float: left; e float: right; clear: both; tutte e3 sidebar_right
ma niente.

La mia inesperienza mi spinge a provare per tentativi, magari la soluzione è dietro l'angolo

Spero possiate aiutarmi. Grazie a tutti coloro che vorranno farlo ...

* File HTML

* CSS

#container {
width: 760px;
\width: 780px;
w\idth: 760px;
BORDER-RIGHT: gray 1px solid;
BORDER-LEFT: gray 1px solid;
BORDER-TOP: gray 1px solid;
BORDER-BOTTOM: gray 1px solid;
margin: 10px auto;
margin-left: auto;
margin-right: auto;
PADDING-RIGHT: 10px;
PADDING-LEFT: 10px;
PADDING-BOTTOM: 10px;
PADDING-TOP: 10px;
}
#header {
border: 0px solid black;
PADDING-RIGHT: 0px;
PADDING-LEFT: 0px;
MARGIN-BOTTOM: 10px;
PADDING-BOTTOM: 1px;
PADDING-TOP: 1px;
height: 102px;
}

#content {
MARGIN-LEFT: 163px;
MARGIN-RIGHT: 163px;

}

#sidebar_left {
float: left;
width: 144px;
\width: 154px;
w\idth: 144px;
margin: 0;

}

#sidebar_right {
float: right;
width: 144px;
\width: 154px;
w\idth: 144px;
margin: 0;
}

#footer {
clear: both;
PADDING-RIGHT: 0px;
PADDING-LEFT: 0px;
PADDING-BOTTOM: 1px;
PADDING-TOP: 1px;
margin-top: 20px;
background-color: #3f2b84;
height: 13px;
text-align: right;
line-height: 0px;
color: #ffffff;
}

**antos** · 25-02-2004, 22:50

guarda non so come fai, ma ti rendi la vita difficile, prova così:

codice:

<body> 
  <div style="container">
    <div id="header">...</div>
    <div id="colonne">
      <div id="sidebar_left">...</div>
      <div id="centent">...</div>
      <div id="sidebar_right">...</div>
      <div id="footer">...</div>
    </div>
  </div>
</body>

applica piano piano gli stili alla struttura senza inserire nulla, poi man mano cominci ad inserire i contenuti occhio a quando usi la propietà float!

**pcf** · 26-02-2004, 20:29

Grazie Antos .. si forse mi sto complicando la vita .. cercherò piano piano di applicare ognuno dei DIV anche se è è un pò difficile adesso con tutto il po pò che ci ho messo dentro...

Il problema stà soprattutto in quella barra orizzontale che io ho chiamato sottoheader che copre solo la colonna centrale e sinistra lasciando libera quella destra di salire su

Sto cercando di adeguare un lavoro di tabelle ad uno di CSS .. mà forse è solo un lavoro inutile ..

**Dr Mal** · 26-02-2004, 20:30

Originariamente inviato da pcf
Grazie Antos .. si forse mi sto complicando la vita .. cercherò piano piano di applicare ognuno dei DIV anche se è è un pò difficile adesso con tutto il po pò che ci ho messo dentro...

Un po di buona volontà,

**antos** · 26-02-2004, 21:25

Originariamente inviato da pcf
Grazie Antos .. si forse mi sto complicando la vita .. cercherò piano piano di applicare ognuno dei DIV anche se è è un pò difficile adesso con tutto il po pò che ci ho messo dentro...

Il problema stà soprattutto in quella barra orizzontale che io ho chiamato sottoheader che copre solo la colonna centrale e sinistra lasciando libera quella destra di salire su

Sto cercando di adeguare un lavoro di tabelle ad uno di CSS .. mà forse è solo un lavoro inutile ..

guarda il problema sta che prima dei cominciare a mettere div e cercare di posizionarli devi ragionare,pensare a come organizzare i blocchi di contenuti e poi impaginarli il layut che vuoi realizzarea è possibile realizzarlo con i css, studiarteli un pò meglio non ti guasta poi provando e con i suggerimenti che ti abbiamo dato sul forum dovresti riuscire a realizzare ciò che vuoi

Discussione: [CSS]Lay 3C: la sidebar_left non và su

Strumenti discussione

Ricerca discussione

Visualizza

[CSS]Lay 3C: la sidebar_left non và su

Permessi di invio