CSS-Unterschiedlicher Bezug

[gary]

Hallo Leute,

Die CSS-Angabe width:100% bezieht sich, zumindest bei eingebundener Grafik auf die Grafik und nicht auf die DIV-Breite relativ zum Browserfenster.

Will man die Breite des gesammten Browserfensters, muss man left:0% und right:0% setzen.

Gruss gary

[Christian Seiler]

Hallo gary,

Die CSS-Angabe width:100% bezieht sich, zumindest bei eingebundener Grafik auf die Grafik und nicht auf die DIV-Breite relativ zum Browserfenster.

Kann ich (Firefox 2, Opera 9) nicht nachvollziehen.

Kopiere doch mal folgendes in die Adresszeile Deines Browsers:

javascript:'<img src="http://src.selfhtml.org/logo.gif" style="width: 100%;" alt="">';

Bei wird dann das SELFHTML-Logo EXTREM vergrößert angezeigt.

Will man die Breite des gesammten Browserfensters, muss man left:0% und right:0% setzen.

left und right werden nur nicht-statischer Positionierung beachtet. Eventuell spielt Dir das einen Streich (sprich: Du positionierst nicht statisch, sondern absolut, relativ, fixiert o.ä. und das sorgt für ein anderes Verhalten).

Viele Grüße,
Christian

[Ingo Turski]

Hi,

Die CSS-Angabe width:100% bezieht sich, zumindest bei eingebundener Grafik auf die Grafik und nicht auf die DIV-Breite relativ zum Browserfenster.

im Klartext bitte...

Will man die Breite des gesammten Browserfensters, muss man left:0% und right:0% setzen.

nö - aber ich ahne langsam, was Du meinst:
die Breitenangabe bezieht sich auf die Breite der Box - und diese ist im Normalfall eben nicht 100% sondern um margin und/oder padding des body verringert.

freundliche Grüße
Ingo

[gary]

Hi Ingo,

Vorweg - das Problem besteht nicht mehr.

Wie es war:
Ich hatte eine Div-Box left:0px eingestellt und width=100%. Ich wollte erreichen, das die Div-Box, welches ein Hintergrundbild enthielt, über die jeweilige, ganze Breite des Browserfensters angezeigt wird, da ja jeder Client andere Auflösungen und Browsereinstellungen benutzt.

Das sah zunächst auch ok aus. nur beim Verkleinern des Browserfensters konnte man beim Scrollen sehen, dass das Hintergrundbild weit über den rechten Rand hinaus ragte, da es offensichtlich grösser als die 100% Breite war.

Nach left:0% und right:0% war das Problem weg. Dafür bockte dann der IE, wie Patrick feststellte (Hintergrundbild komplett nach links verschoben...

Wie es jetzt im IE aussieht muss ich nacher testen - bin noch nicht dazu gekommen.

Viele Grüsse

gary