✔ Div-Width durch Left und Right Angabe festlegen?

[Fabian Frank]

Hallo,

kurz und pregnant: Gibt es eine Möglichkeit, einen Div-Layer so zu bestimmen, dass links und Rechts zum Bildschirm-Rand beispielsweise 20px frei sind (und somit in diesem 20px Bereich der Hintergrund noch sichtbar ist...) ? DeviantArt hat sowetwas zum Beispiel...

Danke euch schonmal,

Grüße,

Fabian

PS: Ich sollte noch hinzufügen: Das bestimmen mit den beiden Angaben funktioniert beim Firefox; beim IE natürlich nicht, da ich nämlich dann die WIdth-Angabe weglassen muss (oder zumindest auf auto) und somit der Container im IE nur noch so breit ist, wie sein Inhalt....

 

[Maik]

Moin,

entweder über margin:0 20px, oder mittels der absoluten Positionsangaben (position:absolute) left:20px und right:20px.

mfg Maik

 

[Fabian Frank]

Moin,

entweder über margin:0 20px, oder mittels der absoluten Positionsangaben (position:absolute) left:20px und right:20px.

mfg Maik

Hai maik,

danke erstmal.

Jedoch funktionieren beide Varianten nur im Firefox und nicht IE 5 / 6..

css

#content {
	position: absolute;
	left: 20px;
	right: 20px;
	top: 100px;
	z-index: 100;
	background-color: #ffffff;     
	}

 

[Maik]

Jedoch funktionieren beide Varianten nur im Firefox und nicht IE 5 / 6..

Die erstgenannte Methode mittels margin:0 20px funktioniert sehr wohl im IE 5.x und 6.

Vermutlich fehlt deinem CSS eine dieser Regeln, damit in ihnen der deklarierte Außenabstand zum Fensterrand nicht größer ausfällt:

html,body {
margin:0;
padding:0;
}

oder

* {
margin:0;
padding:0;
}

Für die zweite Technik empfiehlt sich die Implementierung von http://code.google.com/p/ie7-js/.

mfg Maik