Bild zentral positionieren und Imagemap

christophe

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

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]

Dodo

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

Tags