Teammitglieder online
Support-Box
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
Regeln und nützliche Hinweise
Neueste Themen
» kann man noch Blogs hier erstellen?
von Joost Mi 27 März 2024 - 18:40

» Einstellen der Profilfelder funktioniert nicht
von Skouliki Di 26 März 2024 - 12:54

» Gründer-E-Mail-Adresse ändern
von Skouliki Mo 25 März 2024 - 13:48

» PN's werden nicht mehr rot eingefärbt
von Skouliki Fr 22 März 2024 - 7:44

» Forum löschen, Probleme mit Gründeraccount
von Skouliki Do 21 März 2024 - 9:04

»  Missbrauchsmeldung "Sexueller Inhalt" war (wieder) Werbung/Spam/Scam
von Skouliki Do 21 März 2024 - 9:03

» [phpBB3] Suchfunktion ohne Funktion
von Skouliki Mi 20 März 2024 - 8:41

» Neuer User kann sich anmelden.
von Skouliki Mi 20 März 2024 - 8:38

» Zugangsdaten vergessen/verloren
von Joost Sa 16 März 2024 - 21:07

» Schwierigkeiten mit BBCode
von Skouliki Fr 15 März 2024 - 11:51

» Entdeckt die neue Option Servimg Premium
von Joost Mi 6 März 2024 - 19:50

» Neues YAMAHA XT660-Forum
von gnadenlos Fr 1 März 2024 - 7:33

» Forum nur noch für Eingeloggte sichtbar?
von Skouliki Di 27 Feb 2024 - 7:53

» [phpBB3] Eine Frage zum Forum selbst.
von Skouliki Di 27 Feb 2024 - 7:52

» Beiträge verschwinden
von Skouliki Do 22 Feb 2024 - 7:47

» [Tutorial - alle Versionen] (De)aktiviert die Anzeige von Signaturen aus Eurem Profil
von Eto Do 15 Feb 2024 - 22:17

» Datenback-Dump?
von Skouliki Mo 12 Feb 2024 - 22:02

» Einloggen nicht mehr möglich [erbitte schnelle Rückmeldung!]
von Skouliki Mo 12 Feb 2024 - 8:15

[phpBB2] Boxen unter Footer

2 verfasser

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach unten

Erledigt [phpBB2] Boxen unter Footer

Beitrag 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


Zuletzt von ID-Club am So 24 März 2013 - 20:40 bearbeitet; insgesamt 1-mal bearbeitet
ID-Club
ID-Club
Meister
Meister

Männlich Beiträge : 290
Anmeldedatum : 08.10.12
keine
phpBB2

Nach oben Nach unten

Erledigt Re: [phpBB2] Boxen unter Footer

Beitrag 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
Günther
Günther
Admin a.D.
Admin a.D.

Männlich Beiträge : 15349
Anmeldedatum : 16.07.08
keine
Mozilla Firefox phpBB3

Nach oben Nach unten

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach oben

- Ähnliche Themen

 
Befugnisse in diesem Forum
Sie können in diesem Forum nicht antworten