CSS: Border nach innen?

[pekka]

Folgende Situation:
Ich habe eine CMS-Seite, die aus einzelnen DIVs besteht. (Spalten, Boxen...)
Die DIVs haben alle die Klasse "layout". Man kann einen Schalter betätigen, der allen Elementen der Klasse eine gepunktete Border verpaßt, damit man einen Überblick über das Layout bekommt.

Problem ist nur: Bei Pixelgenau platzierten DIVs kommen durch die Border natürlich 2 Pixel Breite und Höhe dazu. Viele Layouts werden dadurch verrissen.

Hat jemand eine einfache Idee, wie man die DIVs dazu bringen kann, eine Border zu kriegen, die keinen Platz nach außen einnimmt und nach innen möglichst auch nicht?

[XGremliN]

du kannst höchstens den divs 2px breite wegnehmen. dann hast du insgesamt die gleiche breite wie vorher ohne borders

[pekka]

Hmm... wäre schön, aber die haben leider alle verschiedene Breiten. Geht nur mit Javascript, das würde ich gern vermeiden...

[TobiaZ]

Das wäre auch die einzige möglichkeit die mir eingefallen ist, habe mich aber nicht getraut, weil du ja die größe innen auch beibehalten willst.

Javascript wirst du aber imho auf jeden Fall brauchen. Ansonsten lässt sich das "dynamische" ändern der verschienden Boxen nicht ermöglichen. Letztendlich bekommt das aber nur der Admin zu sehen, oder? Da wäre das eigentlich verträglich.

[tontechniker]

Eine von Javascript unabhängige Möglichkeit ist outline - funktioniert aber leider nur in Mozilla / Opera.

[pekka]

Ui, aber immerhin! Das kannte ich noch nicht. Danke!

[eintrachtemil]

Wie wäre es, wenn du den DIVs von Beginn an einen border gibst und die Farbe auf transparenrt setzt?

Ich weiß allerdings nicht wie es sich damit mit deinem Layout verträgt.