- Home
- Categorie
- Coding e Sistemistica
- HTML e CSS
- posizionamento Footer con css
-
posizionamento Footer con css
Ciao Raga ho sistemato un sito e creato un css
ora però con firefox mi sballa la posizione vi metto l'url: http://www.gioiamultiservicesgenova.it
questo e la parte di css per il foote
div#footer{ position:absolute;bottom:0; width: 100%;
background-color: #69c;color: #000;text-align:center;clear:both; padding: 5px 0;}
premetto che ne ho fatti solo 2 o 3 di css sono ancora all'inizio e li sto ancora studiando
infatti non provo nemmeno a validarli perche sarebbe come fare Tafazzi
se potete dirmi dove sbalgio
mi risparmireste una nottata con il testone nel monitor
:bho:
-
Ciao,
secondo me è "position: absolute", io non l'ho mai messo e non ho mai avuto problemi. Comunque ti consiglio di cercare su google una buona guida e leggerla bene. Altra alternativa è quella di guardare i CSS degli altri, per capirne il funzionamento.
Anche perché, nel tuo sito, non sballa solo il footer, se lo visioni con FireFox ti rendi conto...
-
ok ora provo un po a vedere cosa riesco a fare
-
non ce verso ci sto sbattendo la testa da oggi e non riesco a capire dove sbaglio porca paletta
puotete spiegarmi dove sto sbalgiando come se fossi un bimbo di 10 anni ?
mhmh mio nipote ci akkiappa di più
meglio come un bimbo di 6 anni ?
-
ok ci siamo
forse finalmente ho capito ma ho un problema ancora che non riesco a risolvere,
date un'altra okkiata
il layout ora e uguale in ie e in ff ma non riesco a mettere al centro il contenitore principale
vi posto il css:/*stili per il layout */
html,body{margin: 0;padding:0}
body{background-image: url(./Images/Marmo_macchiato.gif);font-family: arial,sans-serif;font-size:76%;align:center}
div#container{background-color:#C1D1E1;width: 76%;}
/stili generici, per header e footer/
div#header{color: #ff0;text-align: center;}
div#footer a{color:#fff;font-weight: bold;text-decoration: underline;}
/stili specifici per il layout/
div#navigation{float: left;width: 160px;\width:170px;\width:160px;padding: 1em 0 0 10px}
div#extra_dx{float: right;width: 160px;\width:170px;\width:160px;padding: 1em 5px;text-align: center;}
div#content{margin: 0 170px;padding: 1em 10px;background-color: #fff}
div#footer{clear:both;text-align:center; padding: 5px 0;
background-color: #69c; color: #000}
h1#Impresa_edile{color:Black;font-size:20px}
h1.titoli_testo{color:Red;font-size:16px}
h2.titoli_testo{color:green;font-size:14px;}
h3.titoli_testo{color:blue;font-size:12px;}
p#testo_legge{font-size:10px;}
/stili per la navigazione/
div#navigation ul{margin: 0;padding: 0; list-style-type: none}
div#navigation li{margin: 0;padding: 0}
div#navigation a{color:#369;font: normal bold 1.2em/1.4em arial,sans-serif;text-decoration: none}
div#navigation a:hover{color:;text-decoration: underline}
div#navigation a#activelink{color: #033;text-decoration: none}
div#navigation p{font-size: 90%}
/stili per la sezione extra_dx/
h1.extra_dx{color:Red;font-size: 18px;}
h2.extra_dx{font-size: 16px;Color:Green}
h3.extra_dx{font-size: 10px}
-
fatto ora ci siamo
ho sistemato un po le cose