nicht angemeldet
Bild zentriert anzeigen?
ich würde gerne ein bild exakt in der mitte einer seite anzeigen, und zwar nicht nur horizontal zentriert (<div align=center>) sondern auch vertikal zentriert!
dh. genau in der mitte! gibt es eine lösung in html/css?
mit
<div align=center style="vertical-align:middle">
<img src="bild.gif">
</div>
hats nicht funktioniert.
danke im voraus
-
ich würde gerne ein bild exakt in der mitte einer seite anzeigen, und zwar nicht nur horizontal zentriert (<div align=center>) sondern auch vertikal zentriert!
dh. genau in der mitte! gibt es eine lösung in html/css?
mit<div align=center style="vertical-align:middle">
<img src="bild.gif">
</div>hats nicht funktioniert.
danke im voraus
Hallo auch,
das <div>-Tag ist auch nur so groß wie dessen Inhalt. Daher musst Du etwas mit den Größenangaben des Tags spielen. width=100% und height=100% sollten hier helfen...
Gruss
Lemmy -
Hallo Magic Mano, (Begrüßungen sind hier gerne gesehen)
ich würde gerne ein bild exakt in der mitte einer seite anzeigen, und zwar nicht nur horizontal zentriert (<div align=center>) sondern auch vertikal zentriert!
Eine möglichkeit wäre:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Zentriertes Bild</title>
<style type="text/css">
body {
margin:0px 0px;
padding:0px;
text-align:center; /* für IE5/Win */
width:100%;
height:100%;
}
#BilderDiv {
hight:200px; /* Höhe des Bildes*/
width:500px; /* Breite des Bildes*/
position:absolute;
top:50%;
left:50%;
margin:-100px 0px 0px -250px; /* hier erstens halbe Bildhöhe u. letztens halbe Bildbreite eingeben*/
}
</style></head>
<body>
<div id="BilderDiv">
<img src="deinbild.jpg" width="500" height="200" border="0" alt="Beschreibung">
</div>
</body></html>
Experimentier einfach 'n bischen damit rum.
Grüße aus Nürnberg, HarryS