div, oder tabelle in absolute Mitte setzen...
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
-
Hi es ist mir schon etwas peinlich hier zu schreiben aber irgendwie bekomm ich das nicht hin...
einmal will ich einfach ein Bild in die Mitte setzen egal wie, also egal ob mit div oder mit table...
1.) table
<table align="center" width="100%" height="100%" cellpadding="0" cellspacing="0">
<tr>
<td align="center" valign="middle">
<table>
<tr>
<td><img src="images/wth.gif" /></td>
<td>BLABLA</td>
</tr>
</table>
</td>
</tr>
</table>
sooo ich weis -> total umst?ndlich und es funktioniert auch nicht :P
so
2.) mit div und css
<div style=" margin:'10' '10' '100' '10'; text-align:center; vertical-align:middle">
<img src="images/wth.gif" />
</div>
soo ich weis ziemlich verwirrent aber ich hab jetzt schon so viel rumprobiert dass ich selbst nciht mehr richtig denken kann...
Dass bild bzw die Box soll doch blo? in diese beschi**** Mitte :FROWN:
plz help
MfG -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
so habs mit einem kumpel gel?st:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
<!--
.aussen {
height: 100%;
width: 100%;
}
.zelle {
height: 100%;
text-align:center
}
-->
</style>
</head>
<body>
<table cellspacing="0" cellpadding="0" border="0" class="aussen">
<tr>
<td class="zelle">
<table align="center">
<tr>
<td><img src="images/wth.gif" /></td>
<td>BLABLABLA</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html> -
Zentrieren mit nur einem Element: http://d-graff.de/selfhtml/center1.html
Anderes Beispiel (die Ma?e m?ssen selbsverst?ndlich immer angepasst werden:
<!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=UTF-8" />
<title>mittig</title>
<style type="text/css">
html {
display: table;
width: 100%;
height: 100%;
}
body {
display: table-cell;
width: 100%;
height: 100%;
vertical-align: middle;
}
div {
width: 111px;
height: 50px;
margin: auto;
border: 2px solid #999;
padding: 1em;
}
</style>
</head>
<body>
<div>
<p>bla bla in der mitte</p>
</div>
</body>
</html>
-
der <center>-Tag ist veraltet. Auch Selfhtml weit darauf hin. Besser ist es das mit CSS zu regeln. Das wiederum ist ziemlich leicht:
<div style="margin-left:auto; margin-right:auto;">
<img src="URL" ...>
</div>
oder direkt im Bild:
<img src="URL" style="margin-left:auto; margin-right:auto;" ...>
Beitrag ge?ndert am 2.06.2006 19:21 von duesdings -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
