[phpBB2] Boxen unter Footer

von ID-Club So 24 März 2013 - 15:37

Hallo,
meine Kollegin und ich haben beschlossen, für unseren Forenshop ein neues System zu erstellen. Wir wollen mit Boxen arbeiten. das ganze sieht momentan so aus: http://people-point.forumieren.com/h5-naoan-code-fur-shop

Der Code:

Code:: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title></title> <style type="text/css"> #box1 { background-color: rgb(219, 219, 219); width: 400px; height: 200px; padding: 20px; border: solid 1px black; position: absolute; top: 300px; left: 100px; } #box2 { background-color: rgb(219, 219, 219); width: 400px; height: 200px; padding: 20px; border: solid 1px black; position: absolute; top: 300px; left: 770px; } #box3 { background-color: rgb(219, 219, 219); width: 400px; height: 200px; padding: 20px; border: solid 1px black; position: absolute; top: 560px; left: 100px; } #box4 { background-color: rgb(219, 219, 219); width: 400px; height: 200px; padding: 20px; border: solid 1px black; position: absolute; top: 560px; left: 770px; } #ibox { position:absolute; top:190px; left:10px; z-index:3; } #ibox a { color:black; background:white; font:bold 16px verdana, sans-serif; text-decoration:none; display:block; padding:5px; border:1px solid black; } #ibox a:hover { color:black; background:white; width:400px; } #ibox a span {display:none;} #ibox a:hover span { color:black; background:#ffffff; font:normal 16px courier, sans-serif; border:1px solid black; display:block; padding:10px; } </style> </head> <body> <div id="box1"> Smilies <div id="ibox"> <a href="#">Informationen<span>Hier kannst du dir einen eigenen Smilie für deine Signatur oder für Beiräge kaufen :-) Gib im Bestellformular einfach den Text an, der auf dem Plakat stehen soll. </span></a> </div> </div> <div id="box2"> Inhalt <div id="ibox"><a href="#">Informationen<span>Leck mich doch am Löffel</span></a></div> </div> <div id="box3"> Inhalt <div id="ibox"><a href="#">Informationen<span>Leck mich doch am Löffel</span></a></div> </div> <div id="box4"> Inhalt <div id="ibox"><a href="#">Informationen<span>Leck mich doch am Löffel</span></a></div> </div> </body> </html>

Und wir bringen den Code nicht in den Body sondern er bleibt immer außerhalb des Forenrahmens.Wo hat sich ein Fehler eingeschlichen?

MfG Niklas

von Günther So 24 März 2013 - 15:44

Hallo,

das liegt daran, dass die Boxen absolut positioniert werden:

#box1 {
background-color: rgb(219, 219, 219);
width: 400px;
height: 200px;
padding: 20px;
border: solid 1px black;
position: absolute;
top: 300px;
left: 100px;
}

Dadurch befinden sie sich nicht direkt in der DOM-Struktur, sondern liegen frei über den Inhalten, in Relation zum Sichtbereich des Users. Deshalb werden sie dem body nicht in der Art zugeordnet, dass dieser "höhemäßig" daran angepasst wird.
In diesem Fall gibt es doch für eine absolute Positionierung überhaupt keinen Grund. Setzt die Bereiche doch einfach normal z.B. als Tabelle in die Seite ein, dann wird auch die "Höhe" des bodys daran angepasst.

Für zusätzliche Infos - vor allem, wenn bei dieser HTML-Gestaltung noch weitere Probleme auftreten - solltet ihr euch an ein HTML-Fachforum wenden.
HTML-Seiten haben genau genommen keinen Bezug zu Forumieren-Foren und damit zu unserem Support, sondern dabei geht es nur mehr um allgemeines HTML-Coding, das in speziellen Foren besprochen werden kann. Wink

Liebe Grüße
Günther

Edit:
Erledigt-Icon gesetzt -> closed

	Neue Beiträge seit dem letzten Besuch.	
	Textbausteine des MODERATIONSTOOL	
	AB > PFAD > GENERATOR	
	FORUM > PFAD > GENERATOR	
	Unterstützung Lösungs-Probleme	
	Auffällige User	
	Der Runde Tisch	
	HÄUFIG GESTELLTE FRAGEN	

[phpBB2] Boxen unter Footer

[phpBB2] Boxen unter Footer

Re: [phpBB2] Boxen unter Footer