Visualizzazione dei risultati da 1 a 6 su 6

Discussione: Layout A Due Colonne

  1. #1

    Layout A Due Colonne

    Salve,
    sto creando un semplice layout a due colonne.... nello spazio centrale, dominato da un container chiamato container2, dovebbe quindi uscire un largo spazio a sinistra ed un menu verticale a destra. ma nulla, mi risulta tutto un sopra l'altro.
    allora la pagina è questa http://www.rifugionelsole.it/ita/contatti.asp
    il foglio di stile:
    Codice PHP:
    /* CSS Document */
    html,body{
    margin0;padding:0margin-top:0pxbackground-color:#f7f7f7;  
     
    font-familyarial,sans-serif;font-size76%;text-aligncenter;
    }
    /*stili container*/
    div#container{ width: 760px; height:800px; margin: 0 auto;text-align: left; border:0px solid #ffd20a; background-color:#f8f7f6
          
    }
    div#container2{float:left;height:600px; background-color:#f9f9f9; 
    }
    div#container3{float:left;width:540px; height:400px;  margin-top:5px;  
    }


    /*stili caratteri*/
    h1 {color#7ba64a; font-family:Arial, Helvetica, sans-serif; font-size:150%}
    .nomemenu {color#468206; font:bold 12px "Arial bold", Helvetica, sans-serif}
    a.nomemenu {
        
    color#5cb200;
        
    font:bold 12px "Arial bold"Helveticasans-serif;
        
    text-decorationunderline;
    }
    a.nomemenu:hover {
        
    color#7ca64e;
        
    font:bold 12px "Arial bold"Helveticasans-serif;
        
    text-decorationnone;}
    .
    vocimenu {color#071062; font:10px  "Arial bold", Helvetica, sans-serif}

    /*stili testata*/
    div#testata{float:left; width: 760px; height: 130px; margin: 0 auto;text-align: left; background-color:#f7f7f7; border: 0px solid #000000;
          
    }
    div#logo{float:left; width: 270px; height:130px; text-align: left; border: 0px solid #89afef; 
          
    }
    div#banner{float:right; width: 470px; height:110px; margin: 10px 0 10px 5px; text-align: left; border: 0px solid #89afef;
          
    }


    /*stili header e footer*/
    div#header{color: #ff0; }
    h1,h2{margin0;padding:0}
    h1{
        
    padding-left:0.5em;
        
    fontbolder normal 2.3em/80px arialserif;
        
    color#7ba64a;
    }
    h2{color#999;font-size: 1.5em}

    div#footer{ float:left; width:760px; height:30px; border-bottom: 1px solid #384191; margin: 20px 0 20px 0; }

    /*stili Interno pagina*/
    div#random{float:left; width: 760px; height: 200px; margin: 0 0 10px 0;text-align: left; background-color:#f7f7f7; 
          
    }
    div#divisore{float:left; width: 760px; height: 2px; margin: 0 auto;text-align: left; background-color:#384191;  margin-bottom:10px;
          
    }
    div#introduzione{float:left; width: 300px; height: 130px; margin: 60px 0px 0px 16px; text-align: left;   color:#384191; font-family:  arial,sans-serif;font-size: 10pt; text-align:justify;
          
    }
    div#menucasa{float:left; width: 260px; height: 300px; margin: 0 0 0 10px ;text-align: left;  border: 0px solid #89afef;
          
    }
    div#cellamenu{float:left; width: 260px; height: 100px; margin: 0 0 0 0px ;text-align: left;  border: 0px solid #89afef;
          
    }
    div#cellinamenu{float:left; width: 90px; height: 100px; margin: 0 10px 0 0px ;text-align: left;  border: 0px solid #89afef;
          
    }
    div#menu2{float:left; width: 260px; height: 300px; margin: 0 0 0 10px ;text-align: left;   background-color:#eae6e6;
          
    }
    div#menu3{float:left; width: 200px; height: 300px; margin: 0 0 0 10px ;text-align: left;  
          
    }
    div#cellamenu3{float:left; width: 200px; height: 70px; margin: 0 0 5px 0px ;text-align: left;   background-color:#d1cfcf;
          
    }
    div#cellinamenu3{float:left; width: 70px; height:70px; margin: 0; text-align: left;  
          
    }
    id#contenente2{float:left; width:760px; height:700px; border:4px solid #000000; text-align:left}
    id#centrale{float:left; width: 33px;   margin: 0 10px 5px 10px;  border:1px solid #000000;}
    id#colonna{float:right;width: 29px;  margin: 0 10px 5px 10px;  border:1px solid #000000;} 
    vi ringrazio tutti
    è solo provandoci che si sbaglia

  2. #2
    Utente di HTML.it
    Registrato dal
    Apr 2007
    Messaggi
    218
    Attribuire al contenitore che vuoi mettere a destra float:right non funziona?

  3. #3
    id#colonna{float:right;width: 29px; margin: 0 10px 5px 10px; border:1px solid #000000;}

    no, era cosi già da prima... troppo strano
    e inoltre non mi fa vedere nemmeno i bordi solidi se provo a metterli per provare la dimensione dei div, e non funziona nemmeno se metto un background color per vedere n effetti fino a dove si spingono.... e non è un errore del mio pc visto che uploadato funziona uguale in questo strano modo...
    è solo provandoci che si sbaglia

  4. #4
    Utente di HTML.it L'avatar di salasir
    Registrato dal
    Apr 2004
    Messaggi
    1,884
    Hai provato a togliere float.left; dal contenitore delle due colonne?
    codice:
    id#contenente2{float:left;  width:760px; height:700px; border:4px solid #000000; text-align:left}
    Maurizio

    "se ami il lavoro che fai, non lavorerai mai un giorno in vita tua!"

  5. #5
    provato ora,
    ma nulla.
    inizio a pensare che il problema non sia mio, ma dell'umanità
    è solo provandoci che si sbaglia

  6. #6
    ragazzi tutto risolto
    non so perchè ma adesso ha iniziato a funzionarmi.
    l'errore(?) era nel css, mi sono accorto che quei div, nonostante fossero scritti identici ad altri, non funzionavano.
    ho mpreso questi che funzionavano, doppiandoli e rinominandoli e puff.. funziona.
    so che potrebbe sembrare una spiegazione stupida o surreale, è andata così. inizio a metterle in conto queste cose, sarò io....
    saluti
    è solo provandoci che si sbaglia

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.