Das Forum der Foren
Willkommen im offiziellen Supportforum von Forumieren!

Um alle Vorteile unseres Forums zu nutzen, melden Sie sich bitte an. Wenn Sie bereits Mitglied sind loggen Sie sich ein.


Erstellen Sie ein kostenloses Forum wie dieses hier.
Regeln und nützliche Hinweise
Lexi Help
Die neuesten Themen
» [phpBB2] "Ihre Sitzung ist abgelaufen".
von Miho Heute um 7:34

» kleine Hilfe Hintergrund
von deafgopro Heute um 2:39

» brauche ich kleine hilfe
von deafgopro Gestern um 21:52

» Benachrichtigungen
von inde Gestern um 18:59

» [ModernBB] Profil Informationen im Forum - Farbe nicht veränderbar
von inde Gestern um 15:54

» [#9712] Gründerwechsel nach Inaktivität des Gründers
von Bigtuber Gestern um 14:09

» Sailor Moon Forum SMF
von Rika So 23 Apr 2017 - 12:09

» Natur und Wildlife Forum
von Stephan68 Sa 22 Apr 2017 - 19:44

» Gründerwechsel nach Inaktivität des Gründers
von Checvx Sa 22 Apr 2017 - 1:25

» Update der Facebook-Verbindung
von inde Fr 21 Apr 2017 - 18:07

» SPAM
von inde Fr 21 Apr 2017 - 17:53

» [phpBB2] Style zerschießt sich
von Bigtuber Fr 21 Apr 2017 - 1:56

» [Invision] Neues Thema - Antworten verschieben
von inde Do 20 Apr 2017 - 21:05

» Möglichkeit Umfragen anonym/offen bei der Erstellung einzustellen
von LillNalle Mi 19 Apr 2017 - 17:01

» [#9632] Registrierung funktioniert nicht
von inde Di 18 Apr 2017 - 18:58

» [phpBB2] Indexmodul verschiebt Foren?
von inde Di 18 Apr 2017 - 15:45

www.forumieren.de

[phpBB2] Boxen unter Footer

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach unten

Erledigt [phpBB2] Boxen unter Footer

Beitrag von ID-Club am 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
avatar
ID-Club
Stammgast
Stammgast

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

Benutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re: [phpBB2] Boxen unter Footer

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

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

Benutzerprofil anzeigen

Nach oben Nach unten

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach oben


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