Problema sfondo div

**ambuotiz** · 23-12-2004, 00:59

Ho messo in un sito (praticamente al centro della pagina) un div contenente del testo e con un'immagine di sfondo, con internet explorer non ci sono problemi, ma con firefox ho l'immagine di sfondo più un altra volta la stessa immagine di sfondo affiancata a sinistra, praticamente l'immagine con firefox appare 2 volte. Il codice del div è questo:
#testo {
float: rigth;
position: absolute;
top: 33%;
left: 18%;
width: 500;
height: 300;
background-image: url("../img/testo2.gif");*/
background-color: white;
padding-left: 10;
padding-right: 10;
}

AH un altro problema che mi da firefox è che non mi considera questo codice:
A:LINK {text-decoration : none; Color: black; font-size : 10 pt;}
A:VISITED {text-decoration : none; Color : black; font-size : 10 pt;}
A:HOVER {text-decoration: underscored; Color : blue; font-size : 12 pt;}

non mi considera i 10 pt ma fa come se fosse tutto a 12pt

**nickmadison** · 23-12-2004, 01:47

-per il background devi indicare se nn lo vuoi ripetere.
-il testo meglio indicarlo in px o em.
-scrivi tutto quanto minuscolo.

**Sonikag** · 23-12-2004, 13:38

meglio in em o % il testo. in px explorer ti blocca la dimensione, in em la puoi modificare.

Sonia

**nickmadison** · 23-12-2004, 14:42

infatti, se imposti il testo in px su intermerd exploder l' utente nn ha possibilità di ingrandirlo/ridurlo.
questo dipende se la cosa è voluta o meno, c' è chi preferisce che gli utenti vedano il testo nelle dimensioni che hanno impostato per motivi di design, a scapito però dell' accessibilità (anche se bisogna dire che per ottenere questa basta semplicemente disbilitare gli stili).

**floyd46** · 24-12-2004, 10:48

#testo {
float: rigth;
position: absolute;
top: 33%;
left: 18%;
width: 500; /*500 cosa??*/
height: 300;/* idem come sopra*/
background-image: url("../img/testo2.gif");
background-repeat:no-repeat;
background-position:left top;
background-color: white;
padding-left: 10; /*10 cosa? specifica una unità di misura*/
padding-right: 10; /* idem come sopra*/
}

**Jerry Masslo** · 24-12-2004, 12:08

float e position:absolute?

non è che ti serve qualcosa come:

<html>
<head>
<title>centrato misto</title>
<style type="text/css">
* {margin:0;padding:0}
html, body {height:100%}
body {text-align:center;
overflow:auto;
background:gray
}
#testo {min-height:70%;
height:auto!important;
height:70%;
margin:auto;
position:relative;
top:15%;
background:white url(TuoSfondo.png) no-repeat;
width:480px!important;
width:500px;
padding-left:10px;
padding-right:10px;
text-align:left;

}
</style>
</head>
<body>
<div id="testo">testo</div>
</body>
</html>

per centrare verticalmente sono meglio le percentuali, altrimenti coi pixel si può fare ancora ma a certe altezze della finestra sorgono problemi

Discussione: Problema sfondo div

Strumenti discussione

Ricerca discussione

Visualizza

Problema sfondo div

Re: Problema sfondo div

Permessi di invio