Foren
Neue Beiträge
Foren durchsuchen
Was ist neu?
Neue Beiträge
Profilnachrichten
Online
Anmelden
Registrieren
Aktuelles
Suche
Suche
Nur Titel durchsuchen
Von:
Neue Beiträge
Foren durchsuchen
Menü
Anmelden
Registrieren
App installieren
Installieren
Programmierung
HTML
Zwei div's liegen übereinander - sollten aber nicht - warum?
JavaScript ist deaktiviert. Für eine bessere Darstellung aktiviere bitte JavaScript in deinem Browser, bevor du fortfährst.
Du verwendest einen veralteten Browser. Es ist möglich, dass diese oder andere Websites nicht korrekt angezeigt werden.
Du solltest ein Upgrade durchführen oder einen
alternativen Browser
verwenden.
Auf Thema antworten
Beitrag
[QUOTE="R3D3, post: 11213, member: 2035"] Hallo, meine HTML-Kenntnisse liegen mehr als 10 Jahre zurück und ich habe aktuell Schwierigkeiten mit div's. Zwei Container scheinen übereinander zu liegen, ich weiß aber nicht, warum. Die Texte zum Testen "Hauptcontainer" und "Abstand header -> main" liegen an derselben Stelle und überlappen sich. Das ist die Seite: stylebox.trendline-freyung.de index.php: [CODE]<!DOCTYPE html> <html> <head> <title>TRENDline | Fashion in Freyung | Stylebox</title> <meta charset="utf-8"> <meta name="keywords" content="Stylebox,TRENDline,Outfit,Mode,Freyung,Kleidung,Frau,Mann"> <meta name="author" content="Code99.it"> <meta name="description" content="In wenigen Schritten zu deinem neuen Outfit mit der Stylebox von TRENDline."> <link rel="stylesheet" href="css/main.css"> </head> <body> <!-- Globaler Header --> <?php include 'global/header.php'; ?> <!-- Abstand zwischen Header und Hauptcontainer --> <?php include 'global/space_header_main.php'; ?> <!-- Hauptcontainer --> <div style="height: 1024px";> Hauptcontainer </div> <!-- Abstand zwischen Hauptcontainer und Footer --> <?php include 'global/space_main_footer.php'; ?> <!-- Globaler Footer --> <?php include 'global/footer.php'; ?> </body> </html>[/CODE] header.php [CODE]<!-- Header --> <div> <!-- Linker Bereich --> <div style="float: left; width: 34%; text-align: left; "> TRENDline Logo </div> <!-- Mittlerer Bereich --> <div style="float: left; width: 33%; text-align: left;"> Stylebox Logo </div> <!-- Rechter Bereich --> <div style="float: left; width: 33%; text-align: right;"> <img src="images/leere-stylebox-mit-firmenlogo-und-produktlogo.png" width="133" height="128"> </div> </div>[/CODE] space_header_main.php [CODE]<div style="height: 100px;">Abstand header -> main</div>[/CODE] space_main_footer.php [CODE]<div style="height: 100px;">Abstand main -> footer</div>[/CODE] footer.php [CODE]<!-- Footer --> <div> <!-- Linker Bereich --> <div style="float: left; width: 34%; text-align: left; "> Footer 1 </div> <!-- Mittlerer Bereich --> <div style="float: left; width: 33%; text-align: left;"> Footer 2 </div> <!-- Rechter Bereich --> <div style="float: left; width: 33%; text-align: right;"> Footer 3 </div> </div>[/CODE] [/QUOTE]
Zitate
Authentifizierung
Antworten
Programmierung
HTML
Zwei div's liegen übereinander - sollten aber nicht - warum?
Oben
Unten
