Layout CSS sballato

[ilvecchiofumetto]

Ciao a tutti!! Mi scuso per il titolo generico, ma non potevo spiegare il problema in quella casellina.
Come avrete potuto capire il layout css del mio sito è sballato: nelle pagine html il layout è corretto e il contenuto della pagina si visualizza correttamente; nella pagine in php invece no!!
Guardate qua: http://ilvecchiofumetto.altervista.o..._essegesse.php
Il problema è sorto stamattina, quando ho modificato il foglio di stile aggiungendo al DIV CONTAINER il "padding:5em;". Vorrei sapere come mai in php fa così e come risolvere.
Grazie!!

Io con IE vedo questo:

http://img464.imageshack.us/img464/9...tscreen0pl.jpg

[ilvecchiofumetto]

Appunto è quello il problema!!
Si dovrebbe vedere così: http://www.ilvecchiofumetto.altervis...a/chi_sono.htm

[funcool]

Con FireFox si vedono male tutti e due, ma il primo è peggio.

[ilvecchiofumetto]

Lo so che si vedono entrambi malino e dopo risolvo il problema del secondo... Però il primo si vede malissimo: e tutte le pagine in php come quella si vedono così.. E non so il perchè...

[funcool]

Ho provato a guardare il codice ma è una cosa illeggibile... Ci sono molte cose doppie.
Il tag style è meglio se lo metti tra i tag head.

Anche io ho provato a vedere l'HTML ma è tutto messo disordinato e non ci capisco un tubero. Comunque io il secondo link con IE lo vedo bene mentre il primo sempre con IE lo vedo sballato (anche se non troppo)

[ilvecchiofumetto]

Mi scuso per il codice, ma sono agli inizi: cercherò di ordinarlo.
Comunque lo style è tra i tag head

[dementialsite]

Certo che il tuo codice non è il massimo dell'ordine... comunque il problema potrebbe essere che hai annidato troppi DIV o li hai annidati male (annidare due DIV con un padding specificato causa la ripetizione e quindi il raddoppio del padding!). Puoi provare a verificarlo così: partendo da 0, conta +1 per ogni DIV aperto e -1 per ogni DIV chiuso. Se non conti mai un numero negativo e alla fine ottieni 0, allora la sequenza è coerente (non ho detto corretta: potrebbe comunque non essere quella che volevi).

Ah, dato che hai detto di aver specificato uno stile giusto per il tag <DIV ID="container">, ti ricordo che la sintassi è

DIV#container { ... }

e non

DIV #container { ... } /* c'è uno spazio in più! */

perché con questa seconda sintassi indichi che vuoi applicare lo stile ad un elemento di ID="container" CONTENUTO (in senso stretto) in un elemento DIV.

Stammi bene...

[ilvecchiofumetto]

Ho contato e il risultato è 0 senza numero negativi; e nel foglio CSS DIV#container è scritto correttamente... Infine il padding l'ho messo soltato al div#container e non agli altri: fatto sta che proprio quando ho inserito il padding nel container, è sorto questo problema...

[NoWhere]

intanto nella pagina il codice css si potrebbe pulire così:

<style type="text/css">
  <--
	body { background-color: #CCCCCC }
	A:link, A:visited { text-decoration: none }
	A:hover { color: #FFFF00 }
	
	.Stile1 { color: #FFFFCC }
	.Stile6 { color: #0099FF; font-size: 12px }
	.Stile10 { color: #FF0000; font-size: 18px; font-family: "Matura MT Script Capitals" }
	.Stile27 { font-size: 10px; color: #000000 }
	.Stile4 { color: #0099FF; font-size: 12 }
	.Stile28 { font-size: 18px }
	.Stile29 { color: #0066FF; font-size: 18px; font-family: "Matura MT Script Capitals" }
  -->
</style>

poi nel dare al div#container un padding:5em hai considerato la grandezza della misura e di conseguenza hai fatto i conti per far quadrare il tutto?? perchè se aggiungi qualcosa da un lato dall'altro é inevitabile che tu debba togliere!!
senza considerare gli spazzi come padding o le misure dei bordi, anche quelli vanno a incidere

metti che hai un div con larghezza 100% e col bordo con misura 2% e in più setti un margin a 10%...
il totale viene di 112%... un pò troppo sforato, non credi?!

spero di essere stato cristallino e di aiuto!!

A me si vede male sia con ff che con ie, la sezione centrale è spostata a sinistra e la barra del titolo è piccola rispetto al logo.
Non ti conveniva strutturarlo a tabelle?

[ilvecchiofumetto]

nel dare al div#container un padding:5em hai considerato la grandezza della misura e di conseguenza hai fatto i conti per far quadrare il tutto??

Intanto grazie per il codice pulito , poi come faccio a fare i conti? Da dove devo partire?

@darktemplars: non so strutturare a tabelle

[NoWhere]

Non ti conveniva strutturarlo a tabelle?

aaarrrrrrrggghhhhhhh!!!!!*
scusate, ma é stata una reazione a catena!!


beh, per fare i calcoli devi considerare la larghezza del body e annessi spazi messi, la larghezza degli elementi dentro il bodi + eventuali spazi o bordi annesis ecc..


*traduzione: assolutamente no!! troppo pesante per la pagina e troppo problematico per l'accesso al web [tipo per disabili che navigano con browser vocali ecc.] Se si può usare una struttura a div é sicuramente meglio!!

aaarrrrrrrggghhhhhhh!!!!!*
scusate, ma é stata una reazione a catena!!


beh, per fare i calcoli devi considerare la larghezza del body e annessi spazi messi, la larghezza degli elementi dentro il bodi + eventuali spazi o bordi annesis ecc..


*traduzione: assolutamente no!! troppo pesante per la pagina e troppo problematico per l'accesso al web [tipo per disabili che navigano con browser vocali ecc.] Se si può usare una struttura a div é sicuramente meglio!!

In che senso troppo pesante? In termini di "quantità" non mi sembrava esagerato il sito...

[ilvecchiofumetto]

Penso volesse dire che la pagina ci metterebbe tanto a caricarsi con la struttura a tabelle...

Penso volesse dire che la pagina ci metterebbe tanto a caricarsi con la struttura a tabelle...

Appunto, non mi sembra però un sito pesantissimo, o sbaglio?

[ilvecchiofumetto]

No, non lo è infatti... Si carica velocemente

Beh, in tabelle si caricherebbe più lento di ora comunque...

[NoWhere]

scrivere una tanella impiega più caratteri [spazio] rispetto a scrivere una struttura a blocchi [div] e poi mi riferivo alle visualizzazioni per un web accessibile a tutti [disabili compresi]