Rantanplan55: Vertikal Zentrieren

SELF-Forum

Vertikal Zentrieren

Rantanplan55
– Informationen zu den Bewertungsregeln

Hallo !

Ich bin am verzweifeln ;( und das obwohl die Aufgabe so einfach scheint:
Ich habe eine Fusszeile als <div>

Darin sind zwei <a>s mit jeweils einem Image darin. Diese Images vertikal zentrieren im <div> ==> kein Problem.

Aber: Ich schaffs nicht, den dritten <a> im div vertikal zu zentrieren (den mit id="author").
Hab mit margin-top, vertikal-align herumprobiert... nix geht

Mein HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"  
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">  
<html xmlns="http://www.w3.org/1999/xhtml">  
<head>  
 <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />  
 <link rel="stylesheet" href="css/formate.css" type="text/css" media="all" />  
 <title>Mein Titel/title>  
</head>  
  
<body>  
 <div id="footer">  
  
 <a href="http://validator.w3.org/check?uri=referer">  
  <img class="footerimg" src="http://www.w3.org/Icons/valid-xhtml10" alt="Valid XHTML 1.0 Strict"/>  
 </a>  
 <a href="http://jigsaw.w3.org/css-validator/check/referer">  
  <img class="footerimg" src="http://jigsaw.w3.org/css-validator/images/vcss-blue" alt="CSS ist valide!" />  
 </a>  
  
 <a id="author" href="mailto:meine@email.net">Mein Name</a>  
	  
  
 </div>  
	  
</body>  
</html>

Mein CSS:

  
body {  
	background-color:#EDEDED;  
	margin:0px;  
}  
  
#wrapperall {  
	background-color:white;  
	position: relative;  
	margin-top:1em;  
	margin-left:auto; /*Vererbt sich nicht*/  
	margin-right:auto; /*Vererbt sich nicht*/  
	margin-bottom:1em;	  
	border:3px ridge black;  
	width:70em;  
	height:46em;  
	min-height:760px;  
  
  
.picturelink {  
	border:none;  
}  
  
  
#footer {  
	clear:both;  
	background-color:#BDBDBD;  
	position: absolute;  
	bottom: 0px;  
	width:70em;  
	height:2.5em;  
	border:2px solid green;  
 	vertical-align:bottom;  
}  
  
#author {  
	font-family:Verdana;  
	text-decoration:none;  
	color:black;  
	background: url(mail.png) no-repeat center right;  
	display:inline-block;  
	width:11.5em;  
	min-width:115px;  
	margin-left:17.25em; /*Vererbt sich nicht*/  
	margin-top:0.281em;  
	border:1px solid black;  
	font-weight: bold;  
}  
  
  
.footerimg	{  
	margin-top:0.281em;  
	margin-left:0.5em;  
	border:0px;  
	width:5.5em;  
	height:1.937em;  
}
Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Vertikal Zentrieren

    Klawischnigg
    – Informationen zu den Bewertungsregeln

    Hi there,

    Aber: Ich schaffs nicht, den dritten <a> im div vertikal zu zentrieren (den mit id="author").
    Hab mit margin-top, vertikal-align herumprobiert... nix geht

    Abgesehen davon, daß Du die Größe eines Bildes mit em angibst (naja, Geschmackssache) aber was glaubst Du, warum das Beispiel in selftHTML für http://de.selfhtml.org/css/eigenschaften/anzeige/vertical_align.htm@title=vertical-align in einer Tabellenzelle angegeben ist? ;)

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln