Visualizzazione dei risultati da 1 a 7 su 7

Discussione: Layout di un sito

  1. #1
    Utente di HTML.it
    Registrato dal
    May 2009
    Messaggi
    65

    Layout di un sito

    Ciao a tutti,
    è il mio primo messaggio e spero di non aver sbagliato sezione.

    Sto lavorando su questo layout.
    Attualmente l'ho testato con Firefox, Epiphany, Google Chrome, Konqueror, IE7, IE6, IE5.5 e IE5 con una risoluzione a 1024*768.

    L'ho anche provato con una risoluzione a 800*600 e purtroppo mi compare lo scroller orizzontale della pagina. (Per caso avete idea di come possa fare per eliminarlo?)

    Quello che mi piacerebbe sapere è se il sito viene visualizzato correttamente (io l'ho testato con un portatile con schermo da 15,4'' e un desktop con monitor a 17'').


    Ovviamente non fate caso al logo e al riquadro blu, oltre ai vari metatag etc...perché il tutto è ovviamente in fase embrionale.

    Grazie in anticipo


  2. #2
    il layout è troppo grande per una risoluzione 800x600

    se vuoi che si veda senza scrollbar devi stringerlo un pò... generalmente quando regnava la risoluzione 800x600 si andava a 768px di larghezza.

    i pollici del monitor contano relativamente poco, è la risoluzione che ti deve interessare maggiormente
    http://www.trustweb.it - Web Development - Design 2D/3D - SEO & SEM

    Twitter http://twitter.com/#!/TrustWeb
    LinkedIn http://it.linkedin.com/in/trustweb

  3. #3
    Utente di HTML.it L'avatar di blekm
    Registrato dal
    Jun 2004
    Messaggi
    8,310

    Re: Layout di un sito

    Originariamente inviato da Italians
    Sto lavorando su questo layout.
    Attualmente l'ho testato con Firefox, Epiphany, Google Chrome, Konqueror, IE7, IE6, IE5.5 e IE5 con una risoluzione a 1024*768.
    ti consiglio di non testare per browser ie5.5 e ie5, non li usa praticamente nessuno. Dovresti fare il testo con

    Firefox, Opera, Safari, Chrome, IE6, IE7, IE8

    Originariamente inviato da Italians
    L'ho anche provato con una risoluzione a 800*600 e purtroppo mi compare lo scroller orizzontale della pagina. (Per caso avete idea di come possa fare per eliminarlo?)
    segui il consiglio di MicheleWT e dai uno sguardo qua

    http://www.w3schools.com/browsers/browsers_stats.asp
    Il portale sul turismo a Lucca

    Siti web Lucca

    Vendo Tex a colori di Repubblica (primi 100 numeri) - info in pvt.

  4. #4
    Utente di HTML.it
    Registrato dal
    May 2009
    Messaggi
    65
    Grazie ad entrambi per le risposte .

    Ho ristretto la risoluzione a 768px ed effettivamente la scrollbar è scomparsa, ora si dovrebbe vedere bene a diverse risoluzioni senza problemi di sorta (spero mi possiate confermare ).

    Questo layout è il mio primo esperimento con .php (dato che ho cominciato a studiarlo da poco) ed effettivamente avere pagine esterne per gestire i menù è decisamente più comodo 79.165.181.238

  5. #5
    si ora la scrollbar non si presenta.

    ps: ma usi la web developer toolbar su firefox? tra le vari opzioni ha quella di ridimensionare la finestra alla risoluzione scelta in modo da vedere come si vede il layout in più ha tante altre cose che la rendono assolutamente necessaria insieme a firebug. https://addons.mozilla.org/en-US/firefox/addon/60

    http://www.trustweb.it - Web Development - Design 2D/3D - SEO & SEM

    Twitter http://twitter.com/#!/TrustWeb
    LinkedIn http://it.linkedin.com/in/trustweb

  6. #6
    Comunque ormai non si progetta più per monitor 800x600.

    Sullo stesso sito segnalato da blekm c'è anche un altro link interessante:
    http://www.w3schools.com/browsers/browsers_display.asp

    Come puoi vedere, a gennaio 2009 solo il 4% degli utenti ha un monitor di risoluzione 800x600. Il 36% ha una risoluzione 1024x768 e il 57% una risoluzione ancora maggiore.

    Inoltre io non so di cosa tratterà il tuo sito, ma visto il logo "Formato SMS" direi un target abbastanza giovanile, e dubito che ci sia ancora qualche giovincello con un monitor con risoluzione 800x600! Insomma, secondo me lo puoi pure riportare alla larghezza originaria.
    Tutorial CSS? Visita Blogging CSS!

  7. #7
    Utente di HTML.it
    Registrato dal
    May 2009
    Messaggi
    65
    Innanzitutto vi ringrazio per le risposte.

    Si, utilizzo la webdeveloper su Iceweasel...

    Comunque ho deciso di lasciare la risoluzione in quel modo, anche perché mi sembra abbastanza carino e ben omogeneo. In più tengo in conto anche quel 4% .

    Detto questo, sto però riscontrando problemi nell'aggiungere determinate cose (sempre con i .css) e sinceramente non capisco il perché.

    1. Il footer attualmente è integrato con l'id corpocentrale; io sto cercando di aggiungere un id indipendente di questo tipo:

    codice:
    #footer {
    	min-height:20px;
    	height:20px;
    	line-height:10px;
    	position:absolute;
    	bottom:0;
    	border-top:1px dotted #4c5d77;
    	text-align:right;
    	}
    da inserire prima della fine dell'id boxcontenitoreprincipale, così che venga aggiunto automaticamente alla fine.
    Purtroppo se inserisco questo div (con relativo id footer) il testo mi viene messo a caso nel layout, sovrastando anche alcune scritte. Ho provato anche con position:relative;, ma non cambia niente.


    2. Riguardo invece la colonna di sinistra (con idmenusinistra, sto provando ad inserire sotto il menù due piccole immagini con questa class:

    codice:
    .xhtml {
    float:right;
    margin:150px 0 0 0;
    }
    
    .css {
    float:right;
    margin:15px 0 0 0;
    }

    Inserendo il tutto (si tratta dei loghi di validazione W3C) con due div (ho provato anche con span) sotto la lista che gestisce il menù. Mentre il prima si posiziona correttamente, il secondo viene messo a caso


    Qualcuno per caso sa perché si comporta in questo modo? Ci sto sbattendo la testa da due giorni, ma non ne sono ancora venuto a capo.


    Grazie in anticipo




    EDIT: per farvi vedere cosa intendo, ecco un esempio

    Come soluzione potrei semplicemente fondere le due immagini in una, mappare la stessa e assegnare così alle due singole immagini un link diverso, il problema però è che vorrei capire perché si comporta così







    EDIT2: ho risolto il secondo punto mentre per il primo ancora niente :/

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.