Newsgroup: it.comp.www.html
Titolo: sito a 1024 fisso e standard

Buongiorno a tutti,
	sapete qual'è lo standard di visualizzazione delle pagine sul web? Io 
sapevo che fosse 1024x768 ma un amico mi ha detto che è rimasto a 
800x600. In ogni caso vorrei sviluppare un sito a 1024 di larghezza. A 
quanto devo fare il corpo del sito? Leggendo spesso si suggerisce che se 
la dimensione è ad esempio 1024 allora le immagini almeno devono essere 
2 pixel per bordo in meno. Quindi un'eventuale immagine del titolo 
dovrebbe avere una larghezza massima di 1020. E' così?
Un'altra cosa. Che devo scrivere nelle proprietà di un div del corpo del 
sito per centrarlo nel caso la risoluzione del client fosse superiore a 
quella di progettazione per vedere il div e quindi il sito centrato con 
2 bande bianche sui lati?
Grazie!
--
Newsgroup robomoderato - gli articoli vengono approvati automaticamente

 2 bande bianche sui lati?
Dipende dal browser. Con quelli standard basta
margin: 0 auto;
Con Explorer devi mettere al body:
text-align: center;
e subito dentro il body ingabbiare tutto in un div con
text-align: left;
per tornare alla normalita`.
Bye.



Bye.
-- 
d.


 Naturalmente costringi l'utente ad avere la finestra massimizzata


 
E ti pareva che IE non avrebbe fatto storie? Per fortuna le mie tabelle 
le posso anche centrare tutte :)
Grazie!


Non ho capito bene il senso di questa risposta.


 per tornare alla normalita`.
IE5 questo. IE6 si comporta correttamente
se fornite DOCTYPE adeguati.
Bye.
-- 
d.


> Non ho capito bene il senso di questa risposta.
sottoscrivo quello che è stato detto, stavo per dire le stesse cose e per
tanto mi limita a quotarlo :)


 se fornite DOCTYPE adeguati.
E che ci devo scrivere nei doctype per farli funzionare?


 
Ma dove lo devo mettere il margin che non me lo centra?
ho creato un div che si chiama "corpo" e che comprende tutti i div 
all'interno della pagina. Posto il codice di questo div:
div.corpo
{
	background-color: #ffffff;
	color: #000000;
	position: relative;
	height: 100%;
	width: 100%;
	left: 14px;
}
Dove sbaglio?
Tutti i div compresi invece sono impostati con la proprietà "position" 
su absolute.
Grazie!


 Ma dove lo devo mettere il margin che non me lo centra?
Ragiona: se imposti width: 100% come fai ad avere un
margine a destra e a sinistra? Devi impostare un width
diverso da "auto" o 100%.
Bye.
-- 
d.


 diverso da "auto" o 100%.
GRANDE! certe volte faccio cose strane... vabbè
senti già che ci sono. Come devo impostare un div in modo che si 
dimensioni in base al testo contenuto? Un pò come fa una tabella. Ho 
visto quella bellissima proprietà dell'overflow settato su auto. Solo 
che quello va bene se voglio tenere la pagina standard. Ma a me ne serve 
  una dinamica in altezza.
Info?


   una dinamica in altezza.
Togli l'height.
Inoltre mi piacerebbe sapere perche` hai questo elemento relative e tutti
gli altri absolute invece di usare il normale flusso di pagina,
eventualmente con qualche float.
Bye.


 eventualmente con qualche float.
Mi fai un esempio? Non lo so usare il float


 dovrebbe avere una larghezza massima di 1020. E' così?
Tanti webdesigner si sono messi (tutti insieme) a cercare una dimensione
che fosse divisibile per 2/3/4/5/6/8 colonne, e il numero più adatto per
una risoluzione di 1024px è stato 960px.
Ciao
-- 
Alan
"Ci spiace, ma il lucro è indispensabile."
http://www.qreate.net


 Mi fai un esempio? Non lo so usare il float
Non e` un argomento da 2 righe, e va usato in base alle esigenze, non c'e`
una regola generale.
Ci sono diverse guide in rete, tipo questa:
http://www.tweako.com/build_a_better_web_site_by_understanding_floated_elements_in_css
Bye.


 una risoluzione di 1024px č stato 960px.
A questo proposito segnalo:
"Gridding the 960"
http://cameronmoll.com/archives/2006/12/gridding_the_960/
-- 
d.


 s_in_css
Su questo ng cacciate delle perle rare, mi riferisco anche al post di 
deelan in questo stesso thread.
Unica cortesia che chiederei sarebbe di proteggere i link lunghi con <>
A voi non wrappa il newsreader ?


 
http://www.tweako.com/build_a_better_web_site_by_understanding_floated_elements_in_css
Molto utile ma purtroppo IE7 non appezza il "clear: left;" e fa dei 
casini... Firefox invece funziona benissimo. Peccato!


 A voi non wrappa il newsreader ?
Si, ma mi wrappa anche se metto le <> :)
Ma se mi dici che alcuni newsreader "capiscono meglio" con le <> non ho
difficolta` a metterle.
Bye.
