Teammitglieder online
Regeln und nützliche Hinweise
Neueste Themen
» Profil in beiträgen nur im blog deaktivieren.von derforumde Gestern um 16:54
» [Invision] Editor über den Bildrand ziehbar + Schriftgrößenproblem
von Skouliki Mi 20 Nov 2024 - 8:06
» Passwort für meinen Adminbereich vergessen.
von Joost Sa 9 Nov 2024 - 10:13
» [Invision] Signatur wird nicht immer eingefügt
von Skouliki Mo 4 Nov 2024 - 16:33
» [Invision] Schriftgröße Navigationsleiste, Links und Forenbeschreibungen
von Skouliki So 27 Okt 2024 - 13:29
» [Invision] Transparent Logohintergrund/Struktur
von Joost So 27 Okt 2024 - 12:58
» png wird im servimg in ein jpg umgewandelt
von Skouliki Mi 23 Okt 2024 - 20:26
» Passwort Vergessen (SilentHowl)
von Joost Do 17 Okt 2024 - 17:14
» [Invision] Hintergrundbild fixieren
von Skouliki Mo 14 Okt 2024 - 11:30
» Paßwort vergessen
von Joost So 13 Okt 2024 - 17:58
» Anti-Spam-Prüfung
von Hana19 Sa 12 Okt 2024 - 16:59
» Private Nachrichten bleiben im Postausgang hängen
von Skouliki Fr 11 Okt 2024 - 11:11
» [phpBB3] Mittelteil des Forums verschoben
von Eto Mo 7 Okt 2024 - 20:50
» [phpBB3] Farbpalette ändern
von Skouliki Mo 7 Okt 2024 - 10:08
» [Klassische Version] Account löschen
von Joost Sa 5 Okt 2024 - 21:05
» Chatbox einloggen nicht möglich
von Joost So 29 Sep 2024 - 8:01
» [phpBB2] Admin Passwort nicht korrekt
von Joost Do 26 Sep 2024 - 19:20
» Grid-Layout für alle Forumversionen verfügbar
von Joost Mi 18 Sep 2024 - 16:54
Beiträge mit den meisten Reaktionen des Monats
» Beitrag von Alastor in [Invision] Transparent Logohintergrund/Struktur ( 2 )
» Beitrag von Agorass in Passwort für meinen Adminbereich vergessen.
( 2 )
» Beitrag von Keks in [phpBB2] Unterforen Nebeneinander
( 1 )
» Beitrag von Alastor in [Invision] Schriftgröße Navigationsleiste, Links und Forenbeschreibungen
( 1 )
[phpBB2] Boxen unter Footer
2 verfasser
Das Forum der Foren :: Hilfe und Unterstützung :: Probleme mit Scripten oder Codes :: Probleme mit Scripten oder Codes - Archiv
Seite 1 von 1 • Teilen
[phpBB2] Boxen unter Footer
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:
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
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
Zuletzt von ID-Club am So 24 März 2013 - 20:40 bearbeitet; insgesamt 1-mal bearbeitet
ID-Club- Meister
- Beiträge : 290
Anmeldedatum : 08.10.12
Re: [phpBB2] Boxen unter Footer
Hallo,
das liegt daran, dass die Boxen absolut positioniert werden:
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.
Liebe Grüße
Günther
Edit:
Erledigt-Icon gesetzt -> closed
das liegt daran, dass die Boxen absolut positioniert werden:
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.#box1 {
background-color: rgb(219, 219, 219);
width: 400px;
height: 200px;
padding: 20px;
border: solid 1px black;
position: absolute;
top: 300px;
left: 100px;
}
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.
Liebe Grüße
Günther
Edit:
Erledigt-Icon gesetzt -> closed
Günther- Admin a.D.
- Beiträge : 15349
Anmeldedatum : 16.07.08
Ähnliche Themen
» [phpBB2] Footer-Neues Thema
» [phpBB2] Footer in den Templates
» [phpBB2] Footer einfärben
» [phpBB2]Banner in Footer?
» [phpBB2] Den Footer moderner gestalten
» [phpBB2] Footer in den Templates
» [phpBB2] Footer einfärben
» [phpBB2]Banner in Footer?
» [phpBB2] Den Footer moderner gestalten
Das Forum der Foren :: Hilfe und Unterstützung :: Probleme mit Scripten oder Codes :: Probleme mit Scripten oder Codes - Archiv
Seite 1 von 1
Befugnisse in diesem Forum
Sie können in diesem Forum nicht antworten