Hallo zusammen,

ich will meinen Header in 3Teile einteilen, hier mal Bildich gezeigt wie der Header eingeteilt werden soll:





Der Rote Rand soll später natürlich nicht zu sehen sein.

Kann ich mithilfe von CSS / PHP / HTML das ganze so einteilen?

Hey Pascal, ich sehe nichts von deinem Beitrag, vielleicht kannst du es nochmal Posten/Bearbeiten?

  

Zitat von darkworld Hey Pascal, ich sehe nichts von deinem Beitrag, vielleicht kannst du es nochmal Posten/Bearbeiten?

Sorry hatte nach der Überschrift auf Enter geklickt.. Habe nun den Thread geschrieben.

Ja man kann das in drei Teile aufteilen, ich schätze du benutzt divs. Dann musst du dich etwas mit dem float: Attribut beschäftigen und die Breite einstellen, nachher musst du clear: noch benutzen.

Natürlich könntest du das ganze auch mit einer Tabelle machen, was einfacher wäre aber nicht in dein Seitenkonzept passen würde.

So, habe mir den Link jetzt mal als Lesezeichen gesetzt (ist schon das 3. mal in 2 Tagen dass ich diesen poste) 

http://de.selfhtml.org/css/layouts/mehrspaltige.htm

Das hier vorgestellte System eines Mehrspaltigen Layouts kannst du natürlich auch nur auf deinen Header anwenden.

  

Zitat von kobold So, habe mir den Link jetzt mal als Lesezeichen gesetzt (ist schon das 3. mal in 2 Tagen dass ich diesen poste)  http://de.selfhtml.org/css/layouts/mehrspaltige.htm Das hier vorgestellte System eines Mehrspaltigen Layouts kannst du natürlich auch nur auf deinen Header anwenden.

So habe das mal gemacht nur habe ich das Problem dass Login und Registration (RechtS) nicht so ganz passt.

http://www.pascal-hp.de/index.php?template=PascalHPBETA

Registration ist zu weit vom Rand weg und Login zu nah am Rand.

Login sowie Registration in einen Container, dann sollten sie unereinander sein. danach nen Innenabstand festlegen...fertig


Edit: Pff falsch nee.

Also im Moment hast du zei Container, die nach rechts fliessen, aber nacheinander angeordnet. Deswegen ist reg so weit rechts. Du könntest für den Reg Container einen negativen Aussenabstand für die rechte Seite vergen und für den Login einen positiven.

Hey, ich habe ein wenig mit FireBug herumgespielt und habe herausgefunden, dass es so verschoben ist, da die Liste nicht untereinander geordnet ist sondern nebeneinander.
Versuch mal dem .hovermenu2 ul li a nur ein padding von der rechten Seite zu geben, das heißt:
ändere padding: 2px 0.5em;
in padding-right: 2px 0.5em;

Versuch das mal und sag mir ob das das richtige Ergebnis ist.

  

Zitat von darkworld Hey, ich habe ein wenig mit FireBug herumgespielt und habe herausgefunden, dass es so verschoben ist, da die Liste nicht untereinander geordnet ist sondern nebeneinander. Versuch mal dem .hovermenu2 ul li a nur ein padding von der rechten Seite zu geben, das heißt: ändere padding: 2px 0.5em; in padding-right: 2px 0.5em; Versuch das mal und sag mir ob das das richtige Ergebnis ist.

Sieht schon ordentlicher aus, nur sind beide so an den Rand gequetscht die sollten so 1px vom Rand weg geht das?

  

Zitat von thebestpage Sieht schon ordentlicher aus, nur sind beide so an den Rand gequetscht die sollten so 1px vom Rand weg geht das?

Einfach in der CSS Datei im entsprechenden Bereich (müsste #header-right sein) hinschreiben:

right: 2px;

dann wird es zum Beispiel 2 Pixel von rechts nach links verschoben.