Visualizzazione dei risultati da 1 a 3 su 3

Discussione: Layout crossbrowser

  1. #1

    Layout crossbrowser

    E' corretto come scritto il codice css qui sotto per un layout che si possa visualizzare uniformemente nei vari browser moderni?

    Grazie

    * { padding: 0; margin: 0; }

    body {
    font-family: Georgia;
    font-size: 13px;
    }
    #wrapper {
    margin: 0 auto;
    width: 922px;

    }
    #header {
    width: 900px;
    float: left;
    height: 100px;
    margin: 0;
    padding: 0;
    }
    #leftcolumn {
    width: 195px;
    float: left;
    margin: 0;
    padding: 0;
    height: 350px;
    }
    #rightcolumn {
    float: right;
    height: 350px;
    width: 678px;
    display: inline;
    margin: 0;
    padding: 0;
    }
    #footer {
    width: 900px;
    clear: both;
    margin: 0;
    padding: 0;
    }

  2. #2
    Frontend samurai L'avatar di fcaldera
    Registrato dal
    Feb 2003
    Messaggi
    12,924
    l'unico modo che hai di saperlo è postare un link ad una pagina di test, con il markup stilato con quel codice. in questo modo è possibile darti una risposta sensata.

    ad ogni modo ho tre osservazioni
    1) se usi float puoi omettere la proprietà "display" che viene ignorata ovunque tranne su IE<=6;
    2) hai azzerato margini e padding ovunque con la prima regola, non serve rispecificare questa impostazione per i vari elementi. E' solamente ridondante;
    3) Hai fissato l'altezza delle due colonne. Se prevedi di inserirci del testo di lunghezza variabile non è una buona idea,perché potresti avere dei problemi se il testo eccede rispetto allo spazio che gli hai lasciato.
    Vuoi aiutare la riforestazione responsabile?

    Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)

  3. #3
    se usi float puoi omettere la proprietà "display" che viene ignorata ovunque tranne su IE<=6;

    mi consigli dunque di toglierlo? IE6 non lo usa più nessuno?

    Il resto tutto chiaro quello che dici.

    Grazie

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 © 2026 vBulletin Solutions, Inc. All rights reserved.