Div wird beim vergrößern verkleinert?!

Major18

Mitglied
Hi@all:

ich hab folgendes Problem:

Der Content meiner Website ist in einem div, welches links und rechts margin 22 hat.
Die min-width liegt bei 63%, so passt das alles schon zusammen.
Beim vergrößern im Browser bzw. bei kleinerer Auflösung, wird das div auf die 63% verkleinert und wird dann nicht mehr kleiner, aber es sollte sich doch eigentlich mit dem Content vergrößern.

Wisst Ihr woran das liegne könnte?
Als Anhang hab ich einmal die Website im Normalzustand und extremvergrößert.
 

Anhänge

  • normal.JPG
    normal.JPG
    72,2 KB · Aufrufe: 16
  • vergroeßert.JPG
    vergroeßert.JPG
    108,4 KB · Aufrufe: 15
Hi,

da hier offensichtlich kein HTML-Problem vorliegt, sondern die Ursache im Stylesheet zu suchen sein dürfte, verschiebe ich dein Thema entsprechend, und möchte dich bitten, den Link zu der Seite nennen, damit man dich das erstmal aus der Nähe anschauen kann.

mfg Maik
 
Major18 | PN hat gesagt.:

Die Ursache findet sich zum einen in deiner width:90em-Deklaration für .Navigation und .Footer, die beim Skalieren der Browserfensterbreite fix bleibt, bei einer geringeren Fensterbreite gegenüber diesem Maß erscheint dann der horizontale Scrollbalken, und zum anderen in dem <img>-Element mit der Grafikdatei "header_new.jpg", die auf das Verkleinern des umschliessenden DIV-Blocks nicht reagiert, sondern, wie in deinem Screenshot zu sehen, über dessen rechten Rand hinausragt, wenn er die absolute Breite der Grafik (= 600px) unterschreitet.

Die min-width liegt bei 63%

Von daher würde ich bei der Festlegung der Mindestbreite für #Main, die ich übrigens in deinem CSS nirgends entdecken kann, kein relatives, sondern das absolute Breitenmaß der Grafikdatei heranziehen. So ist browserübergreifend gewährleistet, dass das DIV sich nicht weiter zusammenschieben lässt, als das eingebundene Bild breit ist.

mfg Maik
 
@ Maik: Danke! Jetzt passt alles.

Eine Frage hätte ich noch...ich habe eine lightbox eingebaut, jedoch werden im IE (bei kleinerer Auflösung als 1440x900) die Bilder größer dargestellt und daher füllt anscheinend auch der overlay nicht den ganzen Bildschirm aus.
Das einbauen von body{margin:0; padding:0;} hat auch nichts genutzt...es bleibt unten immer ein ca. 15px hoher rand frei, der nicht vom overlay bedeckt ist...

Wisst ihr eventuell ne Lösung?
 
Hi,

momentan leider nicht.

Falls es dich beruhigt, kann ich dir sagen, dass das Problem nicht mit deinem Code, sowie deinen individuellen Seiten-, Fenster- und Bildverhältnissen zusammenhängt, denn diesen Darstellungsfehler produziert die vollständige IE-Familie auch im Original des Lightbox-Scripts.

Du hast aber die Möglichkeit, anstelle der Lightbox auf ein alternatives Script auszuweichen, mit dem der IE auch die Seitenbereiche abdunkelt, die sich außerhalb seines sichtbaren Anzeigebereichs befinden.

Aus der Vielzahl von angebotenen Scriptvarianten kann ich dir diese drei empfehlen:


mfg Maik
 
Zurück