online 1
gast (50)

/ Forum / Webseiten/HTML

Webseiten/HTMLWebseiten/HTML

Fragevon greinerd vom 24.11.2021, 09:20 Options

5 Spalten Div Layout

Hallo Zusammen!

Ich stehe vor folgender Aufgabe.
Es soll ein 5 Spaltiges Divlayout erstellt werden.
In der Mitte der Page-Bereich mit Header, Content, und Sidebar.
und Rechts und Links davon jeweils ein Div für Werbebanner.

Zur besseren Veranschaulichung:

-----------------BODY-----------------------
| |
| ### ############## ### |
| #W# ############## #W# |
| #E# ## HEADER #### #E# |
| #R# ############## #R# |
| #B# #CONTENT##S# #B# |
| #U# # ##I # #U# |
| #N# # ##D# #N# |
| #G# # ##E# #G# |
| # # # ##B# ### |
| # # # ##A# ### |
| # # # ##R# ### |
| ### ############# ### |
| |
------------------BODYEnde----------------

Ich habe dieses auch umsetzen können via HTML/CSS, allerdings verschiebt sich das komplette Layout bei Skalierung des Browserfensters.
Die Beiden Werbung-Bereiche stellen sich quasi auf den Header vom Page-Bereich drauf.

Wie kann ich das Problem lösen?

Gruß


Antwort schreiben

Antwort 1 von greinerd vom 24.11.2021, 09:22 Options

Warum auch immer sich das jetzt so darstellt... naja
dann halt einfach gesagt:

Body-Anfang
Werbung -- PAGE mit HEADER, CONTENT, SIDEBAR -- WERBUNG
Body-Ende

Antwort 2 von son_quatsch vom 24.11.2021, 10:38 Options

Ähem... du wunderst dich, warum HTML standardmäßig Leerzeichen schluckt? Das nächste mal machst du einen Editor (z.B. Notepad) auf, stellst eine Schriftart mit fester Breite (z.B. FixedSys) ein, malst dort deine ASCII-Skizzen, kopierst das, fügst das hier ein, markierst den ganzen Text und klickst auf den "Code"-Button:

---------------BODY---------------
|                                |
| ###    ##############      ### |
| #W#    ##############      #W# |
| #E#    ## HEADER ####      #E# |
| #R#    ##############      #R# |
| #B#    # CONTENT ##S#      #B# |
| #U#    #         ##I#      #U# |
| #N#    #         ##D#      #N# |
| #G#    #         ##E#      #G# |
| # #    #         ##B#      ### |
| # #    #         ##A#      ### |
| # #    #         ##R#      ### |
| ###    ##############      ### |
|                                |
--------------BODYEnde------------ 


Deine restlichen Angaben sind zu schwammig. Wie sieht dein bisher umgesetzter HTML- und CSS-Code aus? (bitte einen Auszug posten und ebenfalls in "Code" einschließen) Achtest du auf Browser-Unterschiede? In welchem Browser zeigt sich das von dir beschriebene Verhalten? Sollen Breiten variabel sein? Welche DIVs haben eine strikte Breite?

Ähnliche Themen

CSS-Layout für den Internet Explorer
Arra  25.08.2008 - 21 Hits - 20 Antworten

css: bild in div anders behandeln
rastus  12.11.2008 - 31 Hits - 8 Antworten

CSS Layout, aber wie?
Klaus1504  17.12.2008 - 11 Hits - 5 Antworten

Initiale Scrollposition im <div> kontrollieren
abschweb  09.02.2009 - 89 Hits - 6 Antworten

Layout
majorlars  03.03.2009 - 269 Hits - 8 Antworten

Hinweis

Diese Frage ist schon etwas älter, Sie können daher nicht mehr auf sie antworten. Sollte Ihre Frage noch nicht gelöst sein, stellen Sie einfach eine neue Frage im Forum..

Neue Einträge

Version: supportware 1.9.150 / 10.06.2022, Startzeit:Mon Jan 26 01:23:17 2026