Layout CSS sballato

Printable View

27-12-2005, 11.35.58

Layout CSS sballato

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!!
27-12-2005, 11.40.18

Io con IE vedo questo:

http://img464.imageshack.us/img464/9...tscreen0pl.jpg
27-12-2005, 11.41.57

Appunto è quello il problema!!
Si dovrebbe vedere così: http://www.ilvecchiofumetto.altervis...a/chi_sono.htm
27-12-2005, 11.43.56
funcool

Con FireFox si vedono male tutti e due, ma il primo è peggio.
27-12-2005, 11.45.19

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è...
27-12-2005, 11.50.46
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.
27-12-2005, 11.52.13

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)
27-12-2005, 12.11.23

Mi scuso per il codice, ma sono agli inizi: cercherò di ordinarlo.
Comunque lo style è tra i tag head
27-12-2005, 12.27.55
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 è

Codice:

DIV#container { ... }

e non

Codice:

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...
27-12-2005, 12.52.16

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...
27-12-2005, 13.48.13
NoWhere

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

Codice HTML:

<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?!:wink:

spero di essere stato cristallino e di aiuto!! :=):
27-12-2005, 13.52.35

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?
27-12-2005, 13.56.01

Citazione:

Originalmente inviato da NoWhere

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 :|
27-12-2005, 14.21.31
NoWhere

Citazione:

Originalmente inviato da DarkTemplarsGW

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!!
27-12-2005, 14.57.10

Citazione:

Originalmente inviato da NoWhere

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... :|
27-12-2005, 14.59.14

Penso volesse dire che la pagina ci metterebbe tanto a caricarsi con la struttura a tabelle...
27-12-2005, 15.02.37

Citazione:

Originalmente inviato da ilvecchiofumetto

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?
27-12-2005, 15.10.51

No, non lo è infatti... Si carica velocemente
27-12-2005, 15.20.52

Beh, in tabelle si caricherebbe più lento di ora comunque...
27-12-2005, 16.52.04
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]