info box

[Ashura]

Hallo david.

Das Grundelement der aufklappbaren Infobox ist ein deutschsprachige Seite <div>-Bereich, welcher auf der Seite deutschsprachige Seite absolut positioniert ist. Wäre der Bereich fließend im Text angeordnet, würde das ein Verrutschen des Inhaltes unter die Box zur Folge haben.

Inklusive der kopierten Text aus den alt–Attributen der Grafiken klingt dieser Absatz recht amüsant.

was ist die erklärung dafür dass die box runterrutschen würde?
Etwa weil wenn

#box a:hover {
color:black;
background:#ddd8b7;
width:400px;}

eintritt, das element in die nächste zeile springen würde wenn es nicht genug platz hat??

Beinahe. Der mögliche Problemherd steht ein paar Zeilen weiter drunter:

#box a:hover span {  
color:black;  
background:#ffffff;  
font:normal 16px courier, sans-serif;  
border:1px solid black;  
display:block;  
padding:10px;}

Wäre hier keine absolute Positionierung im Spiel, würde das beim Hovern eingeblendete span–Element natürlich seinen Platz im Dokument einfordern und infolgedessen den folgenden Inhalt verschieben. Dieses Verhalten ist üblicherweise nicht gewünscht.

Einen schönen Dienstag noch.

Gruß, Ashura