Sliding Boxes Problem mit Doctype

Für ein aktuelles Projekt Arbeite ich mit dem Sliding Boxes Snippet von buildinternet.com

Ich habe die Funktion in einer einzelnen HTML Datei ausprobiert und das ganze funktionierte auch ohne Probleme, aber nachdem ich den Code in mein aktuelles Projekt eingefügt habe wurden die “Fenster” immer direkt aktiv, also über dem Bild gestartet.

Erst wenn man mit der Maus über das Fenster gegangen ist hat wurde der “Startzustand” hergestellt.

Nach etlichem überlegen, CSS umstellen und JavaScript entfernen habe ich mal den Doctype gelöscht und es hat sofort funktioniert

Da ein HTML Dokument ohne Doctype nicht besonders sinnvoll ist habe ich nach einer Lösung gesucht und diese in den Kommentaren von buildinternet.com gefunden.

Normalerweise sieht der Code folgendermaßen aus (Die Werte wurden von mir schon angepasst):

.captionfull .boxcaption
 {
top: 141;
left: 0;
}
 
 
.caption .boxcaption 
{
top: 151;
left: 0;
}

Aus irgendeinem Grund werden diese Werte mit einem Doctype nicht übernommen, was zur Folge hat, dass das Fenster direkt geöffnet erscheint.

Wenn man allerdings hinter den Werten die Einheit angibt funktioniert alles wie es soll:

.captionfull .boxcaption
 {
top: 141px;
left: 0px;
}
 
 
.caption .boxcaption 
{
top: 151px;
left: 0px;
}