Problema sfondo con mozilla opera e safari

**Dandi91** · 03-03-2013, 16:53

Salve a tutti, premetto che sono un principiante, sto cercando di programmare un sito ma ho un problema, mozilla opera e safari non mi riconosco l'immagine di sfondo e non so più dove sbattere la testa.
questo è la PAGINA HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<HTML>
<HEAD>
<TITLE>sito</TITLE>
<META HTTP-EQUIV="Content-Type" content="text/html; charset=utf-8" />
<META NAME="DC.Title" CONTENT="">
<META NAME="description" CONTENT="">
<META NAME="keywords" CONTENT=", ">
<META NAME="author" CONTENT="">
<META HTTP-EQUIV="reply-to" content="">
<META NAME="robots" CONTENT="all">
<META NAME="audience" CONTENT="All">
<META NAME="rating" CONTENT="General">
<META NAME="DC.language" SCHEME="RFC1766" CONTENT="ita">
<META HTTP-EQUIV="distribution" CONTENT="general">
<META HTTP-EQUIV="Content-Type" content="text/html; charset=iso-8859-1">
<META HTTP-EQUIV="imagetoolbar" content="no">
<link rel="stylesheet" href="c:...../Desktop/sito/new 3.css" />
</HEAD>
<body>
</body>
</HTML>

MENTRE QUESTO è IL CSS:
body {
background: url("C:..../Desktop/sito/provasito.jpg");
background-repeat: no-repeat;
background-position: 0 0;
-moz-background-size: cover;
-webkit-background-size: cover;
background-size: cover;
}

Chi mi sa dire come posso risolvere questo problema??

**Dandi91** · 03-03-2013, 19:19

ho modificato il codice css:
html,
/* Valido per Mozilla, Opera, Safari, Chrome */
#header {margin-bottom:25px}
#header {margin-bottom:10px}
body{
width: 100%;
height: 100%;
margin: 0;
padding: 0;
overflow: hidden;
/* Valido per Mozilla, Opera, Safari, Chrome */

}

#sfondo{
position:absolute;
height:100%;
width: 100%;
margin: 0;
padding: 0;
}
html, body, #bg, #bg table, #bg td {
height:100%;
overflow:hidden;
width:100%;
}

#bg div {
height:200%;
left:0;
position:absolute;
top:0;
width:200%;
}

#bg img {
margin:0 auto;
min-height:50%;
min-width:50%;
}

#bg td {
text-align:left;
vertical-align:top;
}
div#container {
border: 1px solid #FF0000;

height: 200px;
display: table;
}

div#verticale {
width: 200px;
height: 200px;
background: #25FF00;

position: absolute;
top: 50%;
left: 50%;
margin-top: -100px;
margin-left: -100px;
}

#content {
background:none repeat scroll 0 0 #FFFFFF;
border:0px solid #CCCCCC;
font-family:helvetica,arial,sans-serif;
font-size:18pt;
line-height:16pt;
margin:20px auto 0;
padding:20px;
position:relative;
text-align:center;
width:500px;
}
#content {
background:none repeat scroll 0 0 #FFFFFF;
border:0px solid #CCCCCC;
font-family:helvetica,arial,sans-serif;
font-size:18pt;
line-height:16pt;
margin:40px auto 0;
padding:30px;
position:relative;
text-align:center;
width:500px;
}

ma ancora nulla

**Prill** · 04-03-2013, 22:55

Ciao, stai testando in locale, giusto? Comunque non usare percorsi assoluti che fanno riferimento al tuo computer, quando metterai la pagina in rete chiaramente i file richiamati non saranno trovati. Usa piuttosto, anche ora, percorsi relativi.
Se il css è nella stessa cartella della pagina html il richiamo sarà:

codice:

<link rel="stylesheet" href="new 3.css" />

il richiamo dell'immagine di sfondo

codice:

background: url("provasito.jpg");

verifica che i percorsi siano giusti

**Dandi91** · 05-03-2013, 22:48

Grazie mille era proprio quello il problema, dovrò usare percorsi relativi anche quando lo metterò in rete??

**Prill** · 05-03-2013, 23:23

Potrai usare anche percorsi assoluti, come preferisci e ti trovi meglio, tenendo conto che quelli delle immagini di sfondo richiamate nel css fanno riferimento alla posizione delle immagini rispetto al foglio di stile.

**Dandi91** · 10-03-2013, 12:53

grazie mille veramente

ora devo impostare bene lo sfondo

Discussione: Problema sfondo con mozilla opera e safari

Strumenti discussione

Ricerca discussione

Visualizza

Problema sfondo con mozilla opera e safari

modifica

Permessi di invio