Discussione: layout CSS - problema float

vado un pò di fretta ma prova cosi

Codice PHP:

#schede {
float:right;
text-align:left;
width:560px; 


Codice PHP:

<div id="contenitore">

    <div id="testata"></div>

    <div><img src="immagini/dellafranca_img2.gif" width="860" height="77"></div>

    <div id="menu">
        <ul>
            <li><a href="#">HOME PAGE</a></li>
               <li><a href="#">AZIENDA</a></li>
            <li><a href="#">PRODUZIONE</a></li>
            <li id="current"><a href="#">PRODOTTI</a></li>
            <li><a href="#">RICHIESTA INFORMAZIONI</a></li>
         </ul>
    </div>
    
    <div><img src="immagini/menu_ombra.gif" width="860" height="3"></div>

  <div id="bianco">
<div id="schede">UNIh
jhjh
</div>

    <div id="navigazione">
            <div><img src="immagini/sottomenu_angolo_sopra.gif" width="183" height="13"></div>
            <div id="sottomenu">
                <ul>
                    <li id="corrent2"><a href="#">masselli autobloccanti</a></li>
                    <li><a href="#">elementi grigliati</a></li>
                    <li><a href="#">linea rustica</a></li>
                    <li><a href="#">serie uniwall</a></li>
                    <li><a href="#">giardino</a></li>
                    <li><a href="#">elementi per l’edilizia</a></li>
                   </ul>
               </div>
               <div><img src="immagini/sottomenu_angolo_sotto.gif" width="183" height="13"></div>
      
               <div style="margin-top: 20px;"><img src="immagini/sottosottomenu_angolo_sopra.gif" width="183" height="13"></div>
               <div id="sottosottomenu">
                   <ul>
                    <li id="corrent3"><a href="#">UNI</a></li>
                    <li><a href="#">RETTANGOLO</a></li>
                    <li><a href="#">TRESTAR</a></li>
                    <li><a href="#">RUSTICH</a></li>
                    <li><a href="#">VELA</a></li>
                    <li><a href="#">DOPPIA T</a></li>
                       <li><a href="#">ARCO</a></li>
                       <li><a href="#">LISTELLO</a></li>
                       <li><a href="#">PIASTRA</a></li>
                       <li><a href="#">KLASSICO</a></li>
                       <li><a href="#">SPILLATO</a></li>
                   </ul>
               </div>
               <div><img src="immagini/sottosottomenu_angolo_sotto.gif" width="183" height="13"></div>
    </div>

       

  </div>

</div> 


argh battuto sul tempo :P

cmq una tecnica molto versatile per layout a più colonne è la seguente:

+ es layout a due colonne:
-- un div con all'interno altri due div a cui darai float:left a uno e float:right all'altro

Codice HTML:

<div id="contenitore">
     <div id="sinistra"></div>
     <div id="destra"></div>
</div>

+ es layout a 3 colonne:
-- un div che contiene 2 div come sopra (uno float left e uno right) poi all'interno di uno dei due metti altri due div, uno float:left e uno float right

Codice HTML:

<div id="contenitore">
     <div id="sinistra">
          <div id="sinistrasinistra"></div>
          <div id="sinistradestra"></div>
     </div>
     <div id="destra"></div>
</div>

+ es layout a 4 colonne:
-- sarà lo stesso di prima ma dovra mettere 2 div anche all'interno dell'altro

Codice HTML:

<div id="contenitore">
     <div id="sinistra">
          <div id="sinistrasinistra"></div>
          <div id="sinistradestra"></div>
     </div>
     <div id="destra">
          <div id="destrasinistra"></div>
          <div id="destradestra"></div>
     </div>
</div>

spero sia chiaro se ci sono dubbi siamo qua

non so detta così è dura da interpretare servirebbe il codice e il css per capire al meglio.. cmq se devi mettere un div sopra all'altro non usare il float

questa volta son di corsa io =_=

cmq ho visto che ci sono alcuni punti nel css che non servono a nulla e si posson togliere... usa firebugs per vedere cosa tenere e cosa no

per il menù metti sul div id="bianco" height:600px o quello che vuoi