Diverse risoluzioni e/o browser

18-08-2012, 15.39.26

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..

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!

**dreadnaut** · 18-08-2012, 21.45.43

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

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

19-08-2012, 20.13.52

Originalmente inviato da dreadnaut

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

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

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

Discussione: Diverse risoluzioni e/o browser

LinkBack

Strumenti discussione

Display

Diverse risoluzioni e/o browser

Tags for this Thread

Regole di scrittura