errore di visualizzazione

emulman

errore di visualizzazione

questa paginetta dovrebbe visualizzare 5 div verticali affiancati occupanti tutta la pagina, ognuno con la sua immagine di sfondo, ma non viene visualizztao nulla...perchè?? da tenere presente che le immagini sono nei path corretti


<!DOCTYPE html>
<head>
  <title>Test</title>
  <link rel="stylesheet" type="text/css" href="../css/divs.css" />
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
  <div id="container">
    <div class="erba"></div>
    <div class="cordolo"></div>
    <div id="asfalto">
    
    </div> 
    <div class="cordolo"></div>
    <div class="erba"></div>
  </div>
</body>
</html>

/* divs.css */
html, body, #container, .erba, .cordolo, #asfalto {
  top: 0px;
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0px;
  padding: 0px;
}

html, body, {
  width: 100%;
  font-family: "Trebuchet MS", Verdana, sans-serif;
  font-size: small;
}

.erba {
  float: left;
  background-image: url(../images/site/erba.jpg);
  background-repeat: repeat;
  width: 2%;
}

.cordolo {
  float: left;
  background-image: url(../images/site/cordolo.jpg);
  background-repeat: repeat-y;
  width: 1%;
}
 {
  float: left;
  background-image: url(../images/site/asfalto.jpg);
  background-repeat: repeat;
  text-align: center;
  vertical-align: top;
  width: 94%;
}

karedas

Ciao Emulman.

Innanzitutto correggi la testata del codice, soprattutto il doctype (e di seguito l'apertura del tag <html> con relativa chiusura) così da evitare errori basilari nella tua pagina.

Ecco qui una formula standard:
[html]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
</head>
<body>
... contenuto ...
</body>
</html>
[/html]Seconda cosa, in merito alla tua segnalazione, il problema è dovuto probabilmente per l'altezza che hai dato ai tuoi div.

Il valore 100% (height) infatti non funziona come si potrebbe immaginare. Esso infatti non estende il div per tutta la larghezza del body (o di un suo relativo contenitore), ma viceversa ha bisogno di una larghezza FISSA o di un contenuto come del testo per potersi - diciamo - anche solo visualizzare al di sopra dell'1px di altezza.

Nel css il parametro "background" inserisci sì un'immagine, ma questo non ha nessuna valenza sul contenuto poichè essa funziona solo come sfondo, estendibile o meno nella superficie del contenitore stesso.

Ciò che quindi devi fare è "buttarci" qualsiasi cosa all'interno di questi div (anche del testo casuale) per far comparire questi "misteriosi" sfondi .

(spero di essermi spiegato)

emulman

grazie epr la risposta ma purtroppo..non funziona!!! :bho:

per il DOCTYPE ho dovuto mettere così altrimenti come da messaggio successivo non potevo postare su questo forum indirizzi HTTP, cmq di solito io uso intestazioni xhtml 1.o o 1.1
ho bisogno di creare diciamo DIV ad altezza variabile dato che non posso sapere quanti dati devo visualizzare e il codice seguente

min-height: 100%;
height: auto !important;
height: 100%;

ho letto che è cross-browser e garantisce appunto una altezza variabile

ho inserito caratteri casuali typo <div class="erba">qwerty</d> ma non succede nulla!!!