Sito completamente sballato se visualizzato con IE 7

**Crazy Scientist** · 15-05-2008, 15:51

Come da titolo, sto cercando di creare un sito con i css, e in fase di lavorazione l'ho visualizzato con firefox, ma subito mi sono ricordato di verificare come appare con ie (anche con opera e safari, ma nessun problema molto importante). Ebbene, non solo la larghezza dei div/colonne sono diverse (così che i bordi non combaciano, metodo per avere sempre un bordo che le separa forse non professionale ma che con firefox funziona ) ma non mi visualizza proprio lo sfondo ! Ho semplicemente usato un'immagine piccola che ripeto per tutto lo schermo usando nel foglio di stile questo codice

background-image: url(Immagini/weblink4.jpg);
background-repeat: repeat;

Dato che ho fatto semplicemente un sito per i miei amici, i quali usano quasi tutti Internet Explorer, sapreste come aiutarmi ?

**gengix** · 15-05-2008, 16:08

Posta il codice o un link, che proviamo a vedere se hai commesso degli errori.

**Crazy Scientist** · 15-05-2008, 16:09

Allora, questo il codice html (lasciate stare i contenuti XD)

-------------------

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<title>.:| I BTS site |:.</title>
<link href="style.css" rel="stylesheet" type="text/css">

</head>

<body>

<div id="principale">
<div id="intestazione">
[img]Immagini/logo.jpg[/img]
</div>
<div id="navigazione">
Home Chi siamo Foto Compiti Download
</div>
<div id="colonnasx">
Prossimi compiti in classe:

19 / 05 / 2008
Matematica

20 / 05 / 2008
Biologia

22 / 05 / 2008
Informatica

23 / 05 / 2008
Latino

</div>
<div id="colonnadx">
Benvenuti

Come potete vedere, il sito della I Bts è stato completamente rifatto !
</div>
<div id="finepagina">
Pubblicità
</div>
</div>

</body>
</html>

-------------------

e questo il foglio di stile

-------------------

body {
background-image: url(Immagini/weblink4.jpg);
background-repeat: repeat;
font-family: Verdana, Arial, sans-serif;
}

div {
padding: 1px;
}

img {
border: solid 1px #000000;
}

a:active {
color: #0000ff;
text-decoration: none;
}

a:hover {
color: #ffff00;
text-decoration: none;
}

a:link {
color: #0000ff;
text-decoration: none;
}

a:visited {
color: #0000ff;
text-decoration: none;
}

#principale {
border: solid 1px;
margin: 0px auto;
text-align: center;
width: 760px;
}

#intestazione {
border-bottom: solid 1px;
height: 89px;
margin: 1px;
}

#navigazione {
border-bottom: solid 1px;
margin: 1px;
}

#colonnasx {
border-right: solid 1px;
float: left;
margin: 0px 1px 1px 1px;
padding: 2px;
width: 200px;
}

#colonnadx {
border-left: solid 1px;
margin: 1px 1px 1px 205px;
padding-left: 2px;
position: absolute;
width: 549px;
}

#finepagina {
border-top: solid 1px;
clear: both;
margin: 1px;
}

**gengix** · 15-05-2008, 16:43

Per quanto riguarda il tuo problema, dev'essere un errore di percorso. Ho sostituito il tuo percorso con uno mio e la mia immagine viene ripetuta correttamente.
Se vuoi poi ti posso dare dei consigli in merito al codice.

**Crazy Scientist** · 15-05-2008, 17:08

D'accordo, grazie, ma che intendi con problemi di percorso ? O per meglio dire, che intendi per percorso

?

Inoltre, se a te l'immagine di sfondo funziona, cosa mi dici della colonna di destra ? A me con Firefox si trova proprio dove voglio io, su Explorer esce quasi completamente a destra del div principale...se poi provo ad assegnare anche ad essa un float, la colonna me la mette a destra dove dovrebbe essere, ma in basso, in pratica come se la colonna di sinistra occupasse tutta la zona anche in orizzontale

Discussione: Sito completamente sballato se visualizzato con IE 7

Strumenti discussione

Ricerca discussione

Visualizza

Sito completamente sballato se visualizzato con IE 7

Permessi di invio