Ciao a tutti, scusate se chiedo il vostro aiuto, ma è tutto il giorno che sto impazzendo. Premetto che non ho mai creato layout con i css, ma avevo sentito parlare molto delle potenzialità, e così ho voluto provare.
Ho letto tutti i tutorial di html.it dopodichè ho iniziato a sperimentare, dopo una giornata di prove e infinite correzioni sono arrivato a questo risultato
http://test0.altervista.org
e devo dire che sono abbastanza soddisfatto, per essere la prima volta credo di aver ottenuto un risultato abbastanza buono.
Ma veniamo alle note dolenti, ho un grosso problema, su explorer e opera si vede una riga di circa 1 o due pixel del colore dello sfondo sotto la barra grigia del menù mentre su firefox essa (credo giustamente) non appare, infatti ho impostato le height degli elementi per far si che i div siano tutti attaccati tra di loro. La distanza aggiuntiva si può vedere meglio nel secondo esempio grazie al bordo laterale nero in
http://test0.altervista.org/index2.htm
Qualcuno mi potrebbe spiegare il perchè di questo comportamento.
Secondo problema, vorrei che l'elemento span (bordato di rosso in http://test0.altervista.org/index2.htm) fosse adiacente al bordo nero, ma non riesco ad ottenere quest'effetto, ho provato in vari modi (position: relative, right:0; margin-right: 0) ma non ci sono proprio riuscito, non è che qualcuno mi potrebbe consigliare?
Ultimo dubbio, come si centra verticalmente il testo in un box??? Ho provato con vertical-align: middle, ma non credo di aver ben capito cosa fa questa proprietà. Finora ho risolto (in maniera poco elegante) con il padding-top, ma sicuramente ci sarà un soluzione migliore.
Per favore rispondetemi, soprattutto alla prima domanda, non so più che provare, ricordatevi che sono al primo tentativo.
Grazie.