Bilder in div Box fixieren

Morry · 2. Mai 2014

Hallo,

ich arbeite an einer Homepage in der ich unter anderem die Div Box Hauptteil
habe.

In diesem Hauptteil der Seite habe ich zwei Bilder. Wenn ich nun das
Browserfenster kleiner mache verschieben sich diese Bilder.

Wie kann ich die Bilder so fixieren dass sie an der gleichen Stelle bleiben?

Schon mal vielen Dank:)

wolf · 2. Mai 2014

In welchem sinne verschieben?
Und was sollen sie nicht?
Beispiel?

Ich verstehe nicht ganz

Morry · 3. Mai 2014

Wenn ich das Browserfenster verkleiner oder generell die Homepage im Browser verkleiner also strg und dann mit der Maus scrollen das verschieben sich die Bilder und ,,gehen´´ aus der Div Box raus.
Ich will also das sich die Bilder nicht verschieben sondern immer am gleichen Platz bleiben.

wolf · 3. Mai 2014

Und wie soll das gehen?
Soll das Bild sich verkleinern, oder verschwinden...?

Wenn es um verkleinern geht,

CSS

img{
    width: 50%;
}

So ist ein Bild immer 50% breit von der Box ausgegengen in der es liegt.

dekonstruktiv · 5. Mai 2014

Code

img {
	-ms-interpolation-mode: bicubic;
	max-width: 100%;
	height: auto;
	width: auto\9;
}

wolf · 5. Mai 2014

Wofür auch immer

width: auto\9;

Height kann man sich sparen.
Und mit der Max-width schieben sich die Bilder untereinander....

dekonstruktiv · 5. Mai 2014

Mangels Information ist wohlmöglich keiner unserer Tipps hilfreich.
Wie also sieht der Quelltext aus?

Bilder in div Box fixieren

Jetzt mitmachen!

Teilen