Bordo sito

[kal-el83]

Ciao a tutti ho un problema con un sito che sto facendo (www.spiritoleggero.it\emily - solo italiano funziona per ora).
In pratica devo mettere un bordo sfumato al div container. Ho già messo un bordo ai lati ma dovrei fare un effetto simile a quello inserito nella index. Mi hanno detto di mettere un immagine di sfondo ma non riesco ad ottenere il risultato che vorrei.
Un altro problema è che quando aprò il sito con Firefox, l'impaginazione della pagina non è come quella che visualizzo con Explorer.
Quanlcuno può darmi una mano, essendo io proprio a digiuno di codice html e css??
Grazie a tutti per la mano.
Incollo il codice css della pagina in italiano:



html,body{margin:0; padding: 0; height: 100%}
body{text-align: center}


div#container {
position: relative;
height:100%;
background-color:#FEF0AE;
width: 792px;
margin: 0 auto;
text-align: left;
border-left: 1px solid #996600;
border-right: 1px solid #996600;
}
body>div#container {
height: auto;
min-height: 100%
}

div#language {
background: url(../images/bg_language.png);
width: 792px
}

div#navigation {
background: url(../images/bg_navigation.png);
width: 792px
}
div#navigation a{color:#805600; text-decoration: none}
div#navigation a:hover{color: #CC3300;text-decoration: underline}
div#navigation a#activelink{color: #033;text-decoration: none}

div#content {
width: 792px;
padding: 0 1.5em 5em
}

div#footer {
position:absolute;
bottom: 0;
width: 792px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
padding:0.5em 0;
background-color:#F1E385;
text-align:center
}
div#footer a{color:#805600; text-decoration: none}
div#footer a:hover{color: #CC3300;text-decoration: underline}
div#footer a#activelink{color: #033;text-decoration: none}

[gabar-el]

Originariamente inviato da kal-el83
Ciao a tutti ho un problema con un sito che sto facendo (www.spiritoleggero.it\emily - solo italiano funziona per ora).
In pratica devo mettere un bordo sfumato al div container. Ho già messo un bordo ai lati ma dovrei fare un effetto simile a quello inserito nella index. Mi hanno detto di mettere un immagine di sfondo ma non riesco ad ottenere il risultato che vorrei.

devi agire sul background del contenitore in cui vuoi un'immagine di fondo, di più non sapre perchè non ho ben capito che effetto vuoi ottenere.....

Un altro problema è che quando aprò il sito con Firefox, l'impaginazione della pagina non è come quella che visualizzo con Explorer.

utilizzi le regole child che non vengono lette da ie (non tutti almeno), metti a posto quelle intanto e poi vedi:

body>div#container {
height: auto;
min-height: 100%
}

il containere ha un id quindi non importa che gli dici che è figlio di body....

un piccolo suggerimento, l'immagine di head è molto pesante, 250px circa, cerca di snellirla se riesci, inoltre manca di testo alternativo....

molto bello il layout scelto, complimenti!

[kal-el83]

Grazie per il sito.
Scusa ma ho poca dimestichezza di html e css e tutto quello che ho fatto è frutto di prove e letture su html.t
Non ho capito la storia del css per la risoluzione del problema con firefox scusa.
E poi un altra cosa, serve il testo alternativo sull'header?? Cmq si è pesante come immagine dovrò sistemarla in seguito.

Cmq poi ho trovato una soluzione per il bordo: ho messo il tutto dentro un altro div. Il risultato lo vedi all'indirizzo del sito che l'ho ricaricato grazie per la risposta.

[gabar-el]

togli body>, scrivilo così, poi vedi come va....

div#container {
height: auto;
min-height: 100%
}