Div non centrato senza height

**marco476** · 08-01-2013, 01:12

Salve a tutti,
mi trovo dinanzi ad un problema un po strano..vi spiego: ho centrato una serie di div (classico margin auto) uno dopo l altro. Fin qui tutto bene.. se non che nella visualizzazione da smartphone i div non vengono centrati se non vengono specificati i loro height. Ma i miei sono degli articoli dalla lunghezza dinamica.. come posso fissargli un height fisso? Ho provato anche con height ad auto ma nulla. Qui c e una pagina di articolo dove potete osservare il fenomeno : http://www.linformato.it/articolo.php?id=2

Come posso fare? Sono proprio nel pallone.
Grazie mille e perdonate la perdita di tempo.

Distinti saluti,
Marco

**FPDesign** · 08-01-2013, 08:25

Su iPhone lo vedo correttamente...
Riesci a fare un screenshot del problema ?

**marco476** · 08-01-2013, 10:15

Salve e grazie per la risposta,
il problema inizialmente da me descritto sorge solo su android ma non in tutti. Alcuni lo visualizzano correttamente, altri no. Ecco, ad esempio, la visualizzazione sul mio Motorola Razr: https://docs.google.com/open?id=0BwZ...2pCMGVRc2x5Tnc

Non so proprio come fare, è una situazione un pò "strana".
Grazie mille ancora,

Marco

**Prill** · 08-01-2013, 10:38

Mi pare ci siano dei float non interrotti (con Firefox il problema è evidente anche nell'ultimo blocco in basso, i cui bordi laterali grigi sono di altezze diverse - quello destro si ferma più in alto). Prova ad assegnare al tuo div articolo un clear:both. Sarebbe bene anche usare un doctype completo

**marco476** · 08-01-2013, 11:58

Grazie per la risposta,
nella zona dei "crediti" è stato fatto appositamente quel bordo destro minore del div al margine sinistro. Fatto sta che ho provato ad inserire clear:both al titolo e descrizione ma il problema non si risolve.

ps: come doctype completo cosa intende? potreste consigliarmene uno adatto?

Grazie mille ancora,
Marco

**Prill** · 08-01-2013, 12:40

Hai

codice:

<!DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.0 Transitional//EN'>

restando con html transitional:

codice:

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

i browser in questo modo agiranno in base alle specifiche dichiarate nel documento di riferimento e si ridurrà il loro margine di libera interpretazione

Discussione: Div non centrato senza height

Strumenti discussione

Ricerca discussione

Visualizza

Div non centrato senza height

Permessi di invio