Bild zentral positionieren und Imagemap

    Hallo!

    Ich möchte auf der Startseite ein Bild (Größe absolut) zentrieren, das immer zentriert bleibt, egal wie groß das Browserfenster ist. Hinter dem Bild gibt es einen durchgängigen, einfarbigen Hintergrund, in dem das Bild zentriert ist.

    Meine Fragen:

    1.) Wie bekomme ich es hin, dass das Bild immer zentriert bleibt? Habe es schon so probiert, geht aber nicht:

    #bild {
    vertical-align:central;
    width:100%;
    height:100%;
    overflow:hidden;
    margin-right:auto;
    margin-left:auto;
    position:absolute;
    }

    2.) Kann ich das Bild mit einem Link (als Imagemap) versehen, auch wenn das Browserfenster flexibel bleibt? Das Bild soll ja eine feste Größe haben, je nachdem wird nur die Margin, die ja nichts anderes als der Hintergrund ist, veränderbar bleiben.


    Vielen Dank im Voraus
    und viele Grüße,

    Christophe

    Problem 1 hat sich nach ewiger Suche geklärt, bei Problem 2 bräuchte ich aber noch bitte Hilfe! Danke!

    Lösung: 

    Code
    [/SIZE]body {  background-repeat:no-repeat;  background-color:#010101;  margin: 0;padding: 0;width:100%;height:100%;}#start {	border: solid #F00 2px;	width:800px; 	height:446px;	overflow:hidden;	position:absolute;	top:50%;	left:50%;	margin-left:-400px;	margin-top:-223px;	[size=12]
    HTML
    <body><div id="start"><img src="start9.jpg" alt="test" title="startbild" /></div></body></html>


    [/SIZE]

    2 Mal editiert, zuletzt von christophe (13. November 2011 um 16:55) aus folgendem Grund: Problem 1 geklärt

    Solange du ein Bild hast, dessen Größe gleich bleibt, sehe ich keine Probleme mit der Imagemap.
    Wäre interessant, das mal auszuprobieren :D

    Something big is coming. And there will be pirates and ninjas and unicorns...