Layout in der Mitte, mit Balken über die ganze Seite

kerstel · 14.12.2010, 17:22

Hallo,

ich möchte ein Design in CSS realisieren, der Gesamte Content (Div-Breite 1024px) der Seite soll sich in der Mitte zentrieren. Allerding gibt es zwischen dem Logo und dem Menü einen blauen 20px hohen Balken, der sich über die ganze Seite erstreckt.

Hat jemand eine Idee wie man sowas machen kann?

lg ralf

Chriz · 14.12.2010, 17:31

Mit margin?! Etwas mager deine Beschreibung ...

kerstel · 14.12.2010, 17:32

hm, dachte es wäre ausreichend. Was für eine Info fehlt Dir denn?

kerstel · 14.12.2010, 17:42

ich probiers nochmal

der gesamte Content Bereich ist 1024px breit, aber im Browser Zentriert. Ganz oben ist Links das Logo (gehört aus zum Content Bereich, also ist nicht am linken Browserrand, sondern am rand des Content-Div). Darunter kommt ein blauer Balken (20px hoch), der geht nun aber vom linken Browserrand zum rechten. In diesem Balken ist das Menü. Das Menü soll sich aber auch im mittleren Bereich befinden, d.h. linker rand Menü = linker Rand Content-Div. Darunter kommt dann Text und Bilder, auch mittig angeordnet

Mit mittig Angeordnet meine ich nicht dass es in der Seite Zentriert ist, sondern nur das der Content der 1024px breit ist, mittig ist.

Hab das grad gefunden:
http://www.css4you.de/wslayout1/ex0003.html

Nur sollte der dunkelgrüne Balken über die komplette Seite gehen.

Chriz · 14.12.2010, 18:37

Code:

<html>
<body style="margin:0">
<div style="margin:0 auto;width:1024px;border:1px solid black">oben</div>
<div style="width:100%;background-color:red">
  <div style="margin:0 auto;width:1024px;border:1px solid black">menu</div>
</div>
<div style="margin:0 auto;width:1024px;border:1px solid black">unten</div>
</body>
</html>

kerstel · 17.12.2010, 16:07

danke dir

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
---Formularvariablen an 2. Seite übergeben und versenden---	Paiden2511	PHP Tipps 2010	14	30.07.2010 01:46
Php einsteiger bekommt die Seite einfach nicht online...	Ludvigo	PHP Tipps 2009	3	26.09.2009 15:12
[Erledigt] Zwei Formulare in einer Seite	<?=david?>	PHP Tipps 2009	6	21.09.2009 16:31
Hilfe, Seite im Internet Explorer Buggy	trowman	HTML, Usability und Barrierefreiheit	4	15.09.2008 08:32
Eintrag in DB und Wechsel zu anderer Seite	Darson	PHP Tipps 2008	25	14.01.2008 16:46
Seite nicht mehr gültig	Igäl	PHP Tipps 2006	3	25.05.2006 16:08
seite über mail versenden	chrisbog	PHP Tipps 2006	13	17.01.2006 18:25
Menüs über die ganze Seite erstrecken?	King2k	HTML, Usability und Barrierefreiheit	4	28.12.2005 23:53
Tabelle über ganze Seite...	King2k	HTML, Usability und Barrierefreiheit	2	29.11.2005 01:15
Über zweite Seite einloggen		PHP Tipps 2005-2	7	11.09.2005 18:43
3 Div Layout, Problem da Mitte zu lang	faragerri	HTML, Usability und Barrierefreiheit	3	11.08.2005 10:17
Seite nicht mit F5 oder über den Browser neu laden lassen?		PHP Tipps 2005-2	4	09.08.2005 00:58
Welche seite (Adresse) rief die aktuelle seite auf?		PHP Tipps 2005-2	7	05.07.2005 15:02
Dynamisches Layout über DIV-Tags	R4v3r	HTML, Usability und Barrierefreiheit	3	19.03.2005 02:43
Variable über eine Seite an andere übergeben?		PHP Tipps 2004	12	10.06.2004 11:00

14.12.2010, 17:22
kerstel Erfahrener Benutzer Registriert seit: 08.08.2008 Beiträge: 128	Layout in der Mitte, mit Balken über die ganze Seite Hallo, ich möchte ein Design in CSS realisieren, der Gesamte Content (Div-Breite 1024px) der Seite soll sich in der Mitte zentrieren. Allerding gibt es zwischen dem Logo und dem Menü einen blauen 20px hohen Balken, der sich über die ganze Seite erstreckt. Hat jemand eine Idee wie man sowas machen kann? lg ralf


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

14.12.2010, 17:31
Chriz Moderator Registriert seit: 11.05.2008 Beiträge: 6.266	Mit margin?! Etwas mager deine Beschreibung ... __________________ "Nuschel ich?" - "Was?"

14.12.2010, 17:32
kerstel Erfahrener Benutzer Registriert seit: 08.08.2008 Beiträge: 128	hm, dachte es wäre ausreichend. Was für eine Info fehlt Dir denn?

14.12.2010, 17:42
kerstel Erfahrener Benutzer Registriert seit: 08.08.2008 Beiträge: 128	ich probiers nochmal der gesamte Content Bereich ist 1024px breit, aber im Browser Zentriert. Ganz oben ist Links das Logo (gehört aus zum Content Bereich, also ist nicht am linken Browserrand, sondern am rand des Content-Div). Darunter kommt ein blauer Balken (20px hoch), der geht nun aber vom linken Browserrand zum rechten. In diesem Balken ist das Menü. Das Menü soll sich aber auch im mittleren Bereich befinden, d.h. linker rand Menü = linker Rand Content-Div. Darunter kommt dann Text und Bilder, auch mittig angeordnet Mit mittig Angeordnet meine ich nicht dass es in der Seite Zentriert ist, sondern nur das der Content der 1024px breit ist, mittig ist. Hab das grad gefunden: http://www.css4you.de/wslayout1/ex0003.html Nur sollte der dunkelgrüne Balken über die komplette Seite gehen. Geändert von kerstel (14.12.2010 um 18:03 Uhr).

17.12.2010, 16:07
kerstel Erfahrener Benutzer Registriert seit: 08.08.2008 Beiträge: 128	danke dir