[Risolto] impaginazione sito

marcocarrieri

Con che browser ti succede questo?
Ho testato il codice da te postato unendo le sezioni e incorporando lo stile da te dato e io vedo i due blocchi attaccati sia con Firefox, IE7 e Safari.
Per comodità visto che non ho le immagini, ho dato sfondo verde all'header e rosso al content.
I due blocchi quindi a me risultano attaccati correttamente.

blackeyes

Ho azzerato i margini dell'h2 e sembra andare bene solo che non riesco ad allineare il menu con la cornice del sito... Riscontravo il problema precedente con 1e e ff

marcocarrieri

Allora mi mancano dei contenuti sul quale non posso intervenire.
Potrebbe essere come dici te un problema di padding o margin applicati a degli elementi che potrebbero essere h1, h2 o altri come i collegamenti ipertestuali.
Eventualmente, se tale pagina è online, prova ad inserirne qui l'indirizzo nella seguente forma.
h**p://nomedelsito.dominio

blackeyes

Eccolo,
h**p://sabrinamarchetti.it/2/
Inoltre non riesco a metterlo a centro pagina...

marcocarrieri

Ho visionato anche la pagina online con i browser che ti ho citato prima, continuo a vedere nessuno spazio bianco.

Attenzione alla sintassi che usi nei post blackeyes, tipo maiuscole, punti alla fine della frase...

blackeyes

Allora lo spazio bianco, tra l'header e il content, si è tolto quando ho azzerato i margini dell'H2.
Adesso se guardi a sinistra il menu del sito non è perfettamente allineato con la cornice del sito. Come posso intervenire?
Inoltre per portare tutto al centro ho provato ad impostare i margini su auto ma non cambia nulla, dove sbaglio?

blackeyes

Grazie per il suggerimento riguardo alla sintassi.
Ho risolto adesso il sito è centrato solo che continuo a non riuscire ad allineare perfettamente i bottoni del menu' con la cornice del sito, inoltre ho notato che il footer viene visualizzato in maniera diversa su ie e ff

marcocarrieri

Prova ad inserire un margin-left di qualche pixel sulle voci del menu.

blackeyes

Grazie, per il footer hai qualche suggerimento?

marcocarrieri

Prova a togliere la sigla dal tag address e fammi sapere.

blackeyes

Con ie8 non cambia nulla, in modalità compatibilità è ok.

marcocarrieri

Prova a togliere il clear:both, potrebbe causare un rientro inaspettato, nel caso il clear:both ti serva, prova a metterlo in un div che precede il footer, e usare il footer senza questo tag.

blackeyes

Purtroppo non cambia nulla... Esistono degli accorgimenti particolari per mantenere la compatibilità con i vari browser?

marcocarrieri

Allora ora siamo arrivati al footer, con IE8 e Firefox la sigla di firma la vedo subito sotto il fine della tabella, mentre con visualizzazione compatibilità abbastanza più sotto.
Tu dove la vorresti? Cosi vediamo insieme di trovare una soluzione.
Un accorgimento, vedo che appena finisce lo sfondo, appare un colore chiaro.
Ti suggerisco di cambiare la linea di codice dello sfondo del body.
"background-image: url(images/sfondo.jpg);" in "background: url(images/sfondo.jpg) #000000;" dove al posto di 000000 metti il colore della fine del gradiente. In questo modo, qual'ora la pagina eccedesse in altezza non si nota piu quello stacco di colore.

blackeyes

Dovrebbe stare come la vedi in Firefox subito sotto la fine della tabella.
Grazie per il suggerimento inerente il background non lo sapevo.

marcocarrieri

Ciao guardando attentamente la struttura del sito, vedo che la tabella contenitrice del div è un immagine, ma cosa succede se il testo eccede in altezza? Il testo non resterà dentro il bordo disegnato nell'immagine.

blackeyes

Il testo sarà formattato in modo che non ecceda

blackeyes

Ho notato vedendo il sito con ie7 che l'impaginazione è molto diversa rispetto a firefox e ie8. In che modo posso intervenire?

blackeyes

Ho risolto inserendo

Va tutto bene ma a fine pagina del sito vedo --> e lo sfondo subito dopo è bianco

blackeyes

L'header.php è
[PHP]<html>
<head>
<title>TE@M Leader Group</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" type="text/css" href="style.css">
<link rel="stylesheet" type="text/css" href="print.css" media="print">

</head>
<body>
<div id="header">
</div>
<div id="container">
[/PHP]