Notizie: se possiedi un dispositivo Android, prova Firefox per Android, un browser scattante e dinamico per navigare in ambiente mobile.

Autore Topic: CSS validato ma non visualizzato correttamente  (Letto 2565 volte)

0 Utenti e 1 Visitatore stanno visualizzando questo topic.

Offline roscoder

  • Post: 3
CSS validato ma non visualizzato correttamente
« il: 08 Maggio 2008 17:49:11 »
Questo è il css (validato correttamente), che si visualizza correttametne in IE ma non in Firefox:

Codice: [Seleziona]
/* Generated by KompoZer */
body {
  text-align: center;
}
div#container {
  margin: 0 auto;
  width: 732px;
}
* {
  margin: 0;
  padding: 0;
}
div#top {
  background-repeat: no-repeat;
  background-image: url(imgs/su_cx.png);
}

Questo è l'html che lo utilizza:

Codice: [Seleziona]
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html style="direction: ltr;" lang="it">
<head>
  <meta content="text/html; charset=ISO-8859-1"
 http-equiv="content-type">
  <title>Bed &amp; Breakfast - Bologna Modena Ferrara -</title>
  <meta content="Zupi Sandro" name="author">
  <meta
 content="Il Bed and Breakfast -Bologna Modena Ferrara- è inserito in un grazioso e tranquillo centro del bolognese, Crevalcore, a 20 minuti da Bologna, a 20 minuti da Modena e a 30 da Ferrara"
 name="description">
  <link rel="stylesheet" href="style.css"
 type="text/css">
</head>
<body style="background-image: url(imgs/page_bg.png);">
<div id="container">
<div id="top"></div>
</div>
</body>
</html>

Avete qualche idea su come risolvere il problema?

grazie

Offline Underpass

  • I've got fabric to sell
  • Amministratore
  • Post: 24618
    • Mozilla Italia
Re: CSS validato ma non visualizzato correttamente
« Risposta #1 il: 08 Maggio 2008 17:53:33 »
Il primo consiglio che diamo a tutti gli utenti che presentano questo tipo di domande è quello di rivolgersi a forum più specializzati nello sviluppo web come ad esempio html.it : questo perché problemi come il tuo attengono maggiormente allo sviluppo che all'utilizzo del programma in sé.

Attendi magari una risposta da qualcuno più ferrato del sottoscritto (ci vuol poco, in effetti... :oops: ;))

Offline klades

  • Moderatore
  • Post: 5788
    • http://www.nic-nac-project.org/~kaosmos
Re: CSS validato ma non visualizzato correttamente
« Risposta #2 il: 08 Maggio 2008 17:57:47 »
Magari spiegaci come vorresti che si vedesse e cosa non va.

Offline roscoder

  • Post: 3
Re: CSS validato ma non visualizzato correttamente
« Risposta #3 il: 08 Maggio 2008 18:02:43 »
Citazione
Magari spiegaci come vorresti che si vedesse e cosa non va.

In pratica succede che l'immagine "imgs/su_cx.png" del div#top non viene completamente visualizzata in firefox, mentre succede il contrario in IE.

Potrei provare ad inserire l'immagine direttamente nell'html, main questo modo perderei tutti i vantaggi dell'utilizzo del css.

Offline lucasali

  • Moderatore
  • Post: 7493
Re: CSS validato ma non visualizzato correttamente
« Risposta #4 il: 08 Maggio 2008 18:10:15 »
l'immagine è lo sfondo di un div senza contenuto e dimensioni quindi è sbagliato anche vederne solo un pezzo ...

Offline klades

  • Moderatore
  • Post: 5788
    • http://www.nic-nac-project.org/~kaosmos
Re: CSS validato ma non visualizzato correttamente
« Risposta #5 il: 08 Maggio 2008 18:17:34 »
Sì, il problema è che il div ha un'altezza minore dell'immagine.
Metti un min-height nel css, se il contenuto non è sufficiente a portare la grandezza a quel minimo.

Offline roscoder

  • Post: 3
Re: CSS validato ma non visualizzato correttamente
« Risposta #6 il: 08 Maggio 2008 18:27:27 »
Ho corretto il css così:

Codice: [Seleziona]
/* Generated by KompoZer */
body {
  text-align: center;
}
div#container {
  margin: 0 auto;
  width: 732px;
}
* {
  margin: 0;
  padding: 0;
}
div#top {
  background-repeat: no-repeat;
  background-image: url(imgs/su_cx.png);
  width: 732px;
  min-height: 13px;
}

Il problema è risolto ed il css è ancora valido! Klades sei un grande!

0 Utenti e 1 Visitatore stanno visualizzando questo topic.