Visualizzazione dei risultati da 1 a 5 su 5

Discussione: Layout fluido

  1. #1

    Layout fluido

    Salva ragazzi. Nel sito che sto realizzando vorrei avere un layout fluido. Molti mi hanno consigliato di usare solo misure in percentuale ma non funziona .
    Vi posto il codice css:

    codice:
    html, body { height: 100%; width: 100%; margin: 0; overflow: auto; } #titolo { font-size: 350%; text-align: center; font-style: italic; font-family: "Georgia", serif; padding: 0; } #elencoTorte ul { font-size: 110%; padding: 0; text-align: center; } #elencoTorte { margin-left: 5%; } nav ul { list-style: none; padding: 0; text-align: center; margin-left: 10%; margin-right: 10%; height: 10%; } nav ul li { font-size: 130%; margin-right: 5%; float: left; margin-left: 5%; } body { background-color: #E09FFF; } #elencoTorte ul li { float: left; margin-left: 15%; } a, a:visited, a:link { text-decoration: none; color: #C140FF; } a:hover { color: #E1BFFF; } h3 { font-size: 130%; } h4 { position: relative; bottom: 100%; padding: 0; } hr { height: 0.2em; margin: 0 auto; border: 1px solid #E09FFF; background-color: #E081FF; width: 80%; } header { padding: 0; margin-bottom: -1%; } #sinistra { float: left; border: 4px ridge violet; margin: 2%; height: 100%; background-color: #E09FFF; width: 15%; } #destra { float: left; margin: 2%; border: 4px ridge violet; width: 75%; height: 80%; min-height: 400px; background-color: #E09FFF; } #ultimeTorte, #tutteTorte { padding: 0; margin-left: 10%; font-size: 120%; } #corpo { border: 0.3em ridge violet; margin-left: 10%; display: inline-block; width: 80%; background-color: #E1BFFF; } #elencoTorte { } footer { font-size: 110%; margin-left: 35%; margin-right: 35%; margin-top: -1%; } #foot { margin-left: 10%; margin-right: 10%; } #nome { text-align: center; font-size: 2em; margin-bottom: 0.5em; } #fotoTorta, #descrizioneTorta { float: left; } .imgTorta { max-height: 350px; max-width: 250px; border: 0.2em ridge violet; } #fotoTorta { margin-left: 2%; } #descrizioneTorta { border: 0.2em ridge violet; width: 65%; height: 80%; min-height: 350px; margin-left: 3%; margin-bottom: 3%; background-color: #E1BFFF; } #boxTitolo { font-size: 130%; text-align: center; } p { font-size: 110%; padding-left: 1%; line-height: 130%; } #inserimento { text-align: center; }
    Grazie mille a tutti coloro che risponderanno

  2. #2
    Moderatore di Annunci siti web L'avatar di Cesar
    Registrato dal
    Dec 2001
    Messaggi
    3,446
    Puoi postare una demo?

  3. #3
    Utente di HTML.it
    Registrato dal
    Jan 2010
    residenza
    Pianeta Terra
    Messaggi
    1,614
    QUI

    Per una bella risata vai QUI

  4. #4
    Si avevo giā cercato su google. Il mio problema č che non capisco cosa non va nel codice che ho scritto. Se ci fosse qualche anima pia disposta a dargli un'occhiata e a vedere cosa non vā le sarei eternamente grato

  5. #5
    Tu vorresti consigli per quanto riguarda un layout fluido oppure vorresti che qualcuno eseguisse una sorta di debugging verso quel css di modo da renderlo fluido? Nel secondo caso, a me risulta molto difficile cambiare delle proprietā css riferite a non so cosa...
    by Lorenzo

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.