Diverse risoluzioni e/o browser

Printable View

18-08-2012, 15.39.26

Diverse risoluzioni e/o browser

Ciao a tutti, avete qualche consiglio o qualche guida per risolvere questo problema che affligge molti, specialmente i neofiti?

Io per esempio mi trovo sempre incasinato, perché progettando il sito con la mia risoluzione e utilizzando i miei browser riesco a farli vedere in modo soddisfacente, ma appena utilizzo una diversa risoluzione o un diverso browser ecco che il lavoro di giorni e giorni è andato perso.. :incavolat

Sapete darmi delle dritte o linkarmi qualche guida utile a risolvere il problema?
18-08-2012, 18.42.02

Potresti linkare il tuo sito?
18-08-2012, 18.46.01

Non ho un sito, ci sto ancora lavorando... hai comunque qualche consiglio?
18-08-2012, 18.51.34

Hai usato la dichiarazione del W3C in alto d ogni pagina prima del tag <html>?
18-08-2012, 18.55.32

No.. non so bene di cosa si tratta, potresti spiegarmi di cosa si tratta?
18-08-2012, 18.59.02

Se usi l'HTML 4 in alto ad ogni pagina devi inserire questo

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

Altrimenti se usi l'HTML5 devi aggiungere solo <!DOCTYPE HTML>
18-08-2012, 19.05.44

E qual'è il suo scopo?
18-08-2012, 19.06.59

Non è uno scopo è una regola, altrimenti ogni browser interpreta il codice in maniera sua, invece così diventa tutto più restrittivo e seguono dei parametri.
18-08-2012, 19.18.07

Ma comunque non risolve il mio problema :/
18-08-2012, 19.22.33

Posta il codice di una pagina, così controllo se ci sono errori.
18-08-2012, 19.29.01

Ho risolto il problema con i browser (ho provato con Chrome, Mozilla, Explorer, e tramite un sito ho provato con molti altri e va), però resta sempre il problema delle risoluzioni :)
PS: Grazie comunque :D già è un passo avanti :)

PPS: Questo è il link a un menu a tendina che metterò nel sito, per adesso ho provato con questo.. anche perché ho intenzione di dedicarmi a impostare tutta la pagina, con grafica, CSS dopo che finisco parte PHP/MySQL :)
18-08-2012, 19.35.26

Il problema delle risoluzioni è facilmente risolvibile:

opzione 1: Dai al contenitore del sito una larghezza in percentuale tipo

Codice:

#contenitore {width:100%}

in modo che si adatti ad ogni schermo.

Opzione 2: Dai una misura fissa al contenitore in pixel tipo

Codice:

#contenitore {width:1000px}

in modo che anche la risoluzione attualmente minore nel mondo possa visualizzare correttamente il sito.

Tutto questo con i CSS.
18-08-2012, 19.39.17

Quindi creare un contenitore che racchiuda l'intera pagina?
18-08-2012, 19.46.06

esatto, quindi non dovrai preoccuparti in parte delle misure degli altri contenitori esempio:

Codice HTML:

<html> <head> </head> <body> <div id="contenitore"> Qui metti il codice della pagina </div> </body> </html>

Poi è ovvio che va adattato alle tue esigenze.
18-08-2012, 19.56.31

Grazie :D
Sei stato gentilissimo ;)
Ora provo.. ;)
18-08-2012, 19.57.40

Di niente!:=):
18-08-2012, 21.45.43
dreadnaut

Media queries, e via. Questa è una buona introduzione:

:arrow: http://www.italianalistapart.com/art...esign-reattivo
19-08-2012, 20.13.52

Citazione:

Originalmente inviato da dreadnaut

Media queries, e via. Questa è una buona introduzione:

:arrow: http://www.italianalistapart.com/art...esign-reattivo

Grazie :) Ho dato un occhiata veloce è sembra interessante ;) Appena ho tempo leggo il tutto con attenzione..