Visualizzazione dei risultati da 1 a 5 su 5

Discussione: help con il float

  1. #1
    Utente di HTML.it
    Registrato dal
    Jan 2001
    Messaggi
    7

    help con il float

    salve gente,
    per tradizione ho sempre costruito siti basati sulle tabelle, ma visto che il trend ormai e' orientato sui layout table-less con uso intensivo dei div, sto cominciando a sperimentarci su.

    ho letto le guide relative ma continuo a non ottenere facilmente i risultati che con le tabelle invece ottengo nel giro di pochi minuti...

    sto costruendo un sito con layout totalmente fluido, con un'intestazione, navigazione orizzontale, contenuto centrale, un piccolo campo "flottante" a destra, e un footer fisso.

    il problema che ho e' che il campo flottante non si comporta correttamente con IE.

    ecco uno screen esplicativo:


    come potete vedere ho messo un div con dimensione assoluta dentro quello centrale per impostare una dimensione minima, visto che l'attributo min-width non funziona su IE.
    il problema e' che il box a destra "flotta" sopra quello centrale, quando io vorrei che si fermasse come su Firefox.

    qui' c'e' la pagina in questione:
    http://www.ilgattaccio.org/
    e qui c'e' il css:
    http://www.ilgattaccio.org/main.css

    i due div sono identificati come mainbox e rightbox

    sapete come posso risolvere? ho una gran confusione con tutti gli attributi dei div...

  2. #2
    div#rightbox{
    width: 20%;
    height: 255px;
    float: right;
    border: 1px solid;
    margin: -10px 0px 40px;
    padding: 2px 0px 0 2px;
    background: #eee;
    vertical-align: top


    Togli il vertical-align: si usa solo per gli elementi inline e le celle di tabella. azzera margin e padding. guarda quest'esempio: http://gabrieleromanato.altervista.o...e-colonne.html

    IE raddoppia il margine nel float. dichiara display:inline per il blocco flottante.

  3. #3
    Utente di HTML.it L'avatar di capsula
    Registrato dal
    Jan 2006
    Messaggi
    818
    Nemmeno io capisco con il float... anche a me da circa il tuo errore.... dai un occhio al mio topic Layout con CSS In sito Php-Nuke, sta appena qua sotto. Lā trovi un'immagine di quello che mi vine fuori. Grazie ciao

  4. #4
    Utente di HTML.it
    Registrato dal
    Jan 2001
    Messaggi
    7
    Originariamente inviato da thomas_anderson

    Togli il vertical-align: si usa solo per gli elementi inline e le celle di tabella. azzera margin e padding. guarda quest'esempio: http://gabrieleromanato.altervista.o...e-colonne.html

    IE raddoppia il margine nel float. dichiara display:inline per il blocco flottante.
    ho fatto come mi hai indicato ma il problema persiste:

    http://www.ilgattaccio.org/index2.php
    http://www.ilgattaccio.org/main2.css

  5. #5
    Segui l'esempio che ti ho linkato. Devi ricalcolare le dimensioni di #principale. tu hai dato un 100%. Il menu č di 20%. 100+20= 120% .)

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.