posizionamnto background

**frankiespinolo** · 27-08-2008, 14:43

Salve ragazzi, avrei bisogno del vostro aiuto.
Ho un div con sfondo background un'immagine. con le seguenti propriètà :

.header {
background-image:url(img/header.jpg);
background-repeat:no-repeat;
background-position:0 0;
height:130px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

il mio problema è che su explorer 7 lo vedo bene, mentre su firefox, vedo un margine di circa 15 px sul bottom. La cosa strana è che se alle proprietà css della classe header di sopra inserisco un border di un 1px, il background si riposizione perfettamente. Sapete spiegarmi in che tranello sto cadendo?

Grazie.

**gengix** · 27-08-2008, 15:19

Dai troppe poche informazioni.

-hai azzerato i margini e i padding generali?
-che doctype hai dichiarato?

Invece che inserire 0 0 nelle coordinate, prova inserire left top.

Posta più codice ed eventualmente allega la tua immagine.

**frankiespinolo** · 27-08-2008, 15:52

ok

<!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">
<head>

<body>
<div id="container">
<div class="header">
</div>
<div class="box_menu">
<ul>[*]...[/list]
</div>
<div class="colonna_dx">
</div>
<div class="centro">
</div>
</div>

html,body {
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

body {
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
font-size:80%;
font-family:Verdana, Arial, Helvetica, sans-serif;
background-image:url(img/bg_body.gif);
background-repeat:repeat-x;
background-position:top;
}

#container {
}

/*-------------------HEADER------------------*/

.header {
background-image:url(img/header.jpg);
background-repeat:no-repeat;
background-position:0 0;
height:130px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
/*-------------------MENU------------------*/

.box_menu{
float:left;
/* Inizia il Simplified Box Model Hack */
width:160px; /* Dimensioni per Opera 5 */
width:170px; /* Dimensioni per Explorer 5.x */
width:160px; /* Dimensioni per browser standard compliant */
height:371px;
padding:5px;
margin-top:20px;
background:url(img/sfondo_menu.jpg);
background-repeat:no-repeat;
background-position:top left;
clear:both;
}

.menuNavigazione {
margin:0px 0px 0px 0px;
margin-left:20px;
padding:0px 0px 0px 0px;
list-style:none;
list-style-image:url(img/marker.gif);
}

.menuNavigazione ul{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
list-style:none;
}

.menuNavigazione li{
margin-top:5px;
font-weight:bold;
}

.menuNavigazione li a:link, .menuNavigazione li a:visited {
text-decoration:none;
color:#000000;
}

.menuNavigazione li a:hover {
text-decoration:underline;
color:#666666;
}

.voceCorrente ul{
margin:0px;
margin-left:10px;
padding:0px;
list-style:none;
font-size:80%;
}

.voceCorrente li{
margin-top:2px;
font-weight:normal;
background:none;
list-style-image:none;
}

/*-------------------COLONNA DESTRA------------------*/

.colonna_dx{
float:right;
width: 160px;
width:170px;
width:160px;
padding:1em 5px;
margin-top:20px;
background-image:url(img/sfondo_dx.gif);
background-repeat:repeat-y;
}

/*-------------------CENTRO------------------*/

.centro{
margin:0px 170px;
padding:1em 10px;
margin-top:20px;
}

con left e top ho già provato ma niente.

grazie

**gengix** · 27-08-2008, 16:46

allega anche l'immagine che ti da problemi..

**frankiespinolo** · 27-08-2008, 16:52

eccola, ma l'immagine non penso c'entri qualche cosa...

**gengix** · 27-08-2008, 17:02

Io non trovo niente di anomalo, non ho nessun margine in basso.
A parte diverse ripetizioni, una proprietà float con un clear con valore both (insieme non hanno significato) e regole con classi che non vedo nel codice di struttura, non trovo niente di strano.

non so prova utilizzare la regola abbreviata:

codice:

background: url(img/header.jpg) no-repeat left top;

Hai provato a svuotare la cache?

**frankiespinolo** · 28-08-2008, 10:33

grazie ragazzi, ma ho risolto.
praticmente all'interno del div avevo messo degli h1 che non pensavo creassero problemi, invece erano loro avevano della proprietà che mi creavano il problema.

grazie a tutti del supporto.

A presto.

**gengix** · 28-08-2008, 12:01

Ok solo una cosa, la prossima volta riporta fedelmente il codice di struttura altrimenti gli utenti non riescono a darti una mano =), è nel tuo interesse.

Discussione: posizionamnto background

Strumenti discussione

Ricerca discussione

Visualizza

posizionamnto background

Permessi di invio