Forum Per Webmaster - Tutti Per Uno  
forum per webmaster Directory TPU foto galleria TPU Registrazione Regolamento TPU FAQ cerca nel forum contatta lo staff Lo staff di TPU

 vai indietro   Forum Per Webmaster - Tutti Per Uno > Tecnica > WebDesign e Scripting

WebDesign e Scripting Discussioni inerenti la realizzazione di pagine web e script .

Rispondi
 
LinkBack Strumenti della discussione Modalità di visualizzazione
  #1 (permalink)  
Vecchio 13-08-2007, 18.55.57
L'avatar di HaccaH
Junior Member
 
Registrato al forum dal: 17-04-2007
ubicazione: near milano
Messaggi: 151
Invia un messaggio tremite MSN a HaccaH
predefinito centrare il body

Fino ad oggi per centrare tutto il sito all'interno della pagina usavo una nidificazione effetto matrioska di div

codice:
<div align="center">
      <div>tutto il sito</div>
</div>
Oggi, alla ricerca di qualcosa per rendere il tutto più leggero (ho provato a mettere il text-align nel body, ma con FF non funge) ho scoperto l'esistenza del tag center, che centra perfettamente nella pagina.

Poi però, ho scoperto che il tag è "Il tag è deprecato in HTML 4.01 e non è supportato in XHTML 1.0 Strict DTD". Per questo non mi piace, perchè mi romperebbe nella validazione.

Quindi la domanda: voi come centrate il sito nella pagina? con il center? con l'effetto matrioska? con altri metodi?
Rispondi quotando
  #2 (permalink)  
Vecchio 14-08-2007, 01.20.06
L'avatar di massy
Moderatore Lunatico
 
Registrato al forum dal: 30-01-2007
ubicazione: Pico
Messaggi: 555
Invia un messaggio tremite ICQ a massy Invia un messaggio tremite MSN a massy
predefinito

In teoria basterebbe dare un margin:0 auto; per centrarlo.
Dato che ie fa(ceva) ccgp (sta per come c*** gli pare) un buon compromesso è:
settare il contenitore superiore con text-align:center;
mettere il blocco da centrare con margin:0 auto; text-align:left; per riportare il testo allineato a sinistra.

Praticamente:
<body style="text-align:center;">
<div style="margin:0 auto; text-align:left; width:300px; background:#CCF;">bla bla</div>
</body>

Cià
__________________
Warning: utente lunatico, permaloso, testardo, polemico e perennemente nervoso:non mi rinfacciate di non avervi avvertito prima, eh!
Su su, corri a pubblicare un Comunicato Stampa , compila un Quiz Patente o leggi qualcosa sulle Automobili.
Rispondi quotando
  #3 (permalink)  
Vecchio 14-08-2007, 21.41.38
L'avatar di HaccaH
Junior Member
 
Registrato al forum dal: 17-04-2007
ubicazione: near milano
Messaggi: 151
Invia un messaggio tremite MSN a HaccaH
predefinito

grazie...proprio un metodo comodo, e più leggero delle matrioske!!!

Ma ho provato oraora con IE, e mi sembra (almeno la versione 7) che rispetti appieno il margin:0px auto. Infatti centra il div anche senza il text-align. giusto?
Rispondi quotando
  #4 (permalink)  
Vecchio 15-08-2007, 00.59.32
L'avatar di massy
Moderatore Lunatico
 
Registrato al forum dal: 30-01-2007
ubicazione: Pico
Messaggi: 555
Invia un messaggio tremite ICQ a massy Invia un messaggio tremite MSN a massy
predefinito

premessa: margin 0 auto, senza px

Sì, IE7 lo rispetta, dalla 6 in giù no. Ergo se non vuoi che il 30-40% dei tuoi visitatori lo veda diverso io userei quel metodo.

Ciao
__________________
Warning: utente lunatico, permaloso, testardo, polemico e perennemente nervoso:non mi rinfacciate di non avervi avvertito prima, eh!
Su su, corri a pubblicare un Comunicato Stampa , compila un Quiz Patente o leggi qualcosa sulle Automobili.
Rispondi quotando
  #5 (permalink)  
Vecchio 16-08-2007, 13.03.26
L'avatar di HaccaH
Junior Member
 
Registrato al forum dal: 17-04-2007
ubicazione: near milano
Messaggi: 151
Invia un messaggio tremite MSN a HaccaH
predefinito

Quote:
Originariamente inviata da massy Visualizza il messaggio
premessa: margin 0 auto, senza px

Sì, IE7 lo rispetta, dalla 6 in giù no. Ergo se non vuoi che il 30-40% dei tuoi visitatori lo veda diverso io userei quel metodo.

Ciao
Penso si che farò la combinazione dei due parametri.. Ma perchè 0 senza px? Vuol dire che lasci il campo vuoto senza precisazioni?
Rispondi quotando
Rispondi

Segnalibri

Strumenti della discussione
Modalità di visualizzazione

Regole d'invio
Non puoi inserire discussioni
Non puoi inserire repliche
Non puoi inserire allegati
Non puoi modificare i tuoi messaggi

BB code is attivo
Le smilies sono attive
Il codice IMG è attivo
il codice HTML è disattivato
Trackbacks are attivo
Pingbacks are attivo
Refbacks are attivo


Tutti gli orari sono GMT +3. Attualmente sono le 21.30.44.


Powered by vBulletin versione 3.7.2
Copyright ©: 2000 - 2008, Jelsoft Enterprises Ltd.
Content Relevant URLs by vBSEO 3.2.0 RC7
Traduzione italiana Team: vBulletin-italia.it
Grafica by Ludus