• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Bild vertical mittig ausrichten

Status
Für weitere Antworten geschlossen.
Prophet

Prophet

Super-Moderator
Moderator
ich habe ein bild versucht in einem div-feld vertikal mittig auszurichten dazu habe ich : vertical-align:middle; bereits im div und im bild angewendet aber kein browser richtet es mittig aus. gibt es noch eine andere art ??

mfg Prophet
 
Funktoniert nicht, aber ich glaube dein vorschlag hätte das bild uach nur gestreckt ich will es ja nur ausrichten.
 
ich habe schon auf diese method versucht mit negativem margin und left 50% und so. aber es funktioniert nicht und fest positioniren will ich nicht weil das bild vielleicht mal gewechselt werden soll.

mfg Prophet
 
glaubst du ja wohl selber nicht ;Jump
ich lasse ein div in meiner website erfolgreich so anzeigen:
Code: 
<div style="left:50%-300px; top:50%-120px">
 
tut mir ja echt leid aber es funktioniert nicht ich habe es doch schon in den verschidensten varianten getestet. auf jedenfall nicht mit einem bild.

mfg Prophet
 
HTML-Quelltext:
Code: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>
	<head>
		<title>TFF - Allianz Seite</title>
		<link rel="stylesheet" type="text/css" href="src/layout.css"> 
	</head>
	<body>
		<div class="layout">
			<div class="banner">
				[img]bild.gif[/img]
				
			</div>
			<div class="navigation">
				[url="index.php?seite=home"]Home[/url] |
				[url="index.php?seite=login"]Login[/url] |
				[url="index.php?seite=forum"]Forum[/url] |
			</div>
			<div class="content">
				
			</div>
		</div>
	</body>
</html>

CSS-Quelltext:
Code: 
div.layout
{
	border:none 0px transparent;
	width:780px;
	position:absolute;
	left:50%;
	margin-left:-390px;
	margin-top:10px;
	margin-bottom:10px;
}
div.banner
{
	border:solid 1px #ffcc00;
	height:150px;
}
div.banner img
{
}
div.navigation
{
	border:solid 1px #ffcc00;
	border-top:none 0px transparent;
	height:26px;
}
div.content
{
	background-color:#111111;
	border:solid 1px #ffcc00;
	border-top:none 0px transparent;
}
 
ja entschuldige die seite ist leider noch nicht online.

fätzminator was wolltest du damit aussagen??

mfg Prophet
 
schließe ich daraus ratlosigkeit bei allen??

muss ich also doch auf valign="middle" zurückgreifen??

mfg Prophet
 
keine ahnung aber da habe ich es schon öfter benutzt und es funzt deswegen bin ich ja so ratlos. aber eigentlich funzt css doch bei allenelementen.

mfg Prophet

EDIT: selbst valign aus html funzt nicht mehr *heul*
 
valing und vertical-align funzt nur bei tabellen!! warum schreibst du nicht einfach
padding-bottom:30%;
und
padding-top:30%;
dann ist das bild von oben und unten 30% weit weg!!! und dann stellste die % ein wie du willst
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben