2px Rahmen verschiebt Logo

[neckarheld]

Hallo zusammen,

darf ich eine Frage stellen?

Ich habe folgendes Problem:
Meine Webseite sollte ungefähr folgendermaßen aussehen:

22.png

der #header hat links und rechts einen Rahmen mit 2px.

Dieser Rahmen soll auch bei Logo / grafik hinkommen.

Hierfür erstelle ich ein Modul "header_grafik" und nehme ein entsprechendes Bild, binde es im Layout in der Kopfzeile ein und das klappt eigentlich auch ganz gut.
Definiere ich jetzt per css die beiden Rahmen links und rechts, verschiebt es mir die Grafik / Logo nach rechts. Aber nur dann!

11.png

Woran könnte das liegen?

[folkfreund]

Hallo neckarheld,

it's not a bug, it's a feature!
Ein Rahmen mit CSS border gezeichnet wird um das Element herum gemalt, vergrößert es also.
Entweder machst du das betreffende Element entsprechend kleiner oder du verwendest anstelle von border die Eigenschaft outline. (siehe http://de.selfhtml.org/css/eigenschaften/rahmen.htm)

Viel Erfolg, folkfreund

[neckarheld]

Hallo folkfreund

danke für deine Antwort. Tatsächlich ist mir die Lösung heute Nacht gekommen.

Habe es nun folgendermaßen gelöst:
Statt jedem einzelnen Abschnitt der Seite einen Rahmen zu verpassen, habe ich um #wrapper einen Rahmen gesetzt und jetzt ist alles perfekt in Form.

Für mich persönlich war das ein Durchbruch, denn solangsam steig ich echt durch