Teil von SELFHTML Forum Teil von SELFHTML Forumsarchiv Teil von 2007 Teil von Dezember

SELFHTML Forumsarchiv
CSS-Unterschiedlicher Bezug

Informationsseite
  1. Seite (ZUR INFO) CSS-Unterschiedlicher Bezug von gary, 31. 12. 2007, 18:13
nach unten

CSS-Unterschiedlicher Bezug

Die folgende Nachricht zum Thema stammt von: gary, 31. 12. 2007, 18:13

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

nach obennach unten

CSS-Unterschiedlicher Bezug

Die folgende Nachricht zum Thema stammt von: Christian Seiler, 01. 01. 2008, 01:22

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

--
Mein "Weblog" [RSS]

nach obennach unten

CSS-Unterschiedlicher Bezug

Die folgende Nachricht zum Thema stammt von: Ingo Turski, 02. 01. 2008, 08:38

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
--
[barrierefreie Ingo Webdesign » Suchmaschinenoptimierung | em? | IE7 - Bugs]

nach obennach unten

CSS-Unterschiedlicher Bezug

Die folgende Nachricht zum Thema stammt von: gary, 02. 01. 2008, 13:09

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

--
Der Pesimist: CSS ist eine Krankheit, gegen die noch nicht alle Browser geimpft sind...

Der Optimist: CSS ist eine Möglichkeit, von der noch nicht alle Browser was gehört haben...

nach oben
Teil von SELFHTML Forum Teil von SELFHTML Forumsarchiv Teil von 2007 Teil von Dezember

© 1998-2006 Seite Impressum, Software: Classic Forum