ciao a tutti, sto iniziando a compilare un nuovo foglio di stile e ho già difficoltà sulle prime righe:
body {
color: #666666;
line-height: 1.166;
margin: 0px;
padding: 0px;
background: #FFFFFF url(file/sfondo.jpg) no-repeat center bottom;
text-align:center;
}
perchè su firefox non mi visualizza lo sfondo?
Non hai ancora inserito contenuti nella tua pagina?
- Storie di Napoli
- Template Prestashop
- "Abbiamoci!" dal Vangelo secondo Stormy 23,6,3.
no..
se aggiungo qualcosa su firefox lo sfondo che vorrei sull'intera pagina posizionato in basso me lo ritrovo come sfondo del DIV
Aggiungi i tuoi contenuti e cambia il tuo codice così:
codice:html { color: #666; margin: 0; padding: 0; background: #FFF url(file/sfondo.jpg) center bottom no-repeat; text-align:center }
- Storie di Napoli
- Template Prestashop
- "Abbiamoci!" dal Vangelo secondo Stormy 23,6,3.
html {
height: 100%;
color: #666;
margin: 0;
padding: 0;
background: #FFF url(file/sfondo.jpg) center bottom no-repeat;
text-align:center
}
Ho dovuto aggiungere un height 100% per farlo visualizzare..
può andare così?
come mai dearmweaver in modalità progettazione non me lo visualizza?
Anche senza 100% con FF 2 è visualizzabile, a patto che venga inserito del contenuto nella pagina.Originariamente inviato da mattej
Ho dovuto aggiungere un height 100% per farlo visualizzare..
Mi spiace. Non uso dreamweaver.Originariamente inviato da mattej
come mai dearmweaver in modalità progettazione non me lo visualizza?
- Storie di Napoli
- Template Prestashop
- "Abbiamoci!" dal Vangelo secondo Stormy 23,6,3.
strano, senza 100% e con un minimo di contenuto, lo sfondo parte dal fine dal div più basso, e non dal fondo della pagina..
poi ho notato che mi sballa i margini, cioè usando
html {
height: 100%;
color: #666;
margin: 0;
padding: 0;
background: #FFF url(file/sfondo.jpg) center bottom no-repeat;
text-align:center
}
questo i margini non sono 0, ma setta quelli di defoult della pagina html, è normale?
praticamente io devo creare una pagina bianca con in basso un'immagine che pensavo di metter come sfondo e in alto a sx un piccolo logo..
Scusami. Ti posto l'esempio completo che ho:
La pagina di esempio:
Il css esternocodice:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="it" xml:lang="it"> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <link rel="stylesheet" href="stile.css" type="text/css" media="screen" /> </head> <body> Testo </body> </html>
codice:body, html{ width: 100%; height: 100%; margin: 0; padding: 0 } html { color: #666; margin: 0; padding: 0; background: #FFF url(file/sfondo.jpg) center bottom no-repeat; text-align:center; }
- Storie di Napoli
- Template Prestashop
- "Abbiamoci!" dal Vangelo secondo Stormy 23,6,3.
perfetto, così funziona, grazie mille..
però ecco altri problemi..
inanzitutto,
ho creato un menù:
su firefox va benone, su IE no, eppure l'ho già usato per un'altro sito ed era tutto ok../* navigazione */
.box_navigazione {
width: 705px;
height: 15px;
margin: 10px 0px 0px 0px;
text-align: left;
}
.menu {
font: bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
margin: 0px;
padding: 0px;
}
.menu a:link, a:visited {
font: bold;
height: 30px;
color: #666666;
padding: 8px 10px 1px 10px;
background: #FFFFFF url(file/men_left.jpg) top left no-repeat;
}
.menu a:hover {
font: bold;
height: 30px;
color: #FFFFFF;
background: #009900 url(file/men_left_green.jpg) top left no-repeat;
padding: 8px 10px 1px 10px;
}
Permessi di invio
Rispondi quotando