nicht angemeldet
Gunnar Bittersmann@@RobDust:
nuqneH
schaut mal mein Beispiel:
http://cerebee.de/test/
Man könnte einfacher schauen, wenn du die Seite verlinkt hättest.
Die Grafik ist sehr groß, etwa 1900 pixel.
Und das soll „größer [sein] als jeder Monitor“?
So und diese Grafik möchte ich nun mittig haben. Bitte helft.
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> ist keine gute Idee. Damit schickst du Browser in den Quirksmodus – das solltest du vermeiden.
Soll die Grafik der einzige Inhalt auf der Seite sein?
html, body
{
height: 100%;
margin: 0;
padding: 0;
width: 100%;
}
html
{
display: table;
table-layout: fixed;
}
body
{
display: table-cell;
vertical-align: middle;
}
img
{
width: 100%;
}
Und das @width-Attribut im HTML entfernen.
Wenn die skalierte Grafik höher ist als der Viewport, erscheint ein Scrollbalken. Ist das gewünscht oder soll die Grafik so skaliert werden, dass sie nicht nur in der Breite, sondern auch in der Höhe auf jeden Fall vollständig in den Viewport passt?
Qapla'
Gut sein ist edel. Andere lehren, gut zu sein, ist noch edler. Und einfacher.
(Mark Twain)
Matthias Apsel