• 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
 
Werbung:
Funktoniert nicht, aber ich glaube dein vorschlag hätte das bild uach nur gestreckt ich will es ja nur ausrichten.
 
Werbung:
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
 
Werbung:
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
 
Werbung:
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;
}
 
Werbung:
ja entschuldige die seite ist leider noch nicht online.

fätzminator was wolltest du damit aussagen??

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

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

mfg Prophet
 
Werbung:
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