grafik mittig in seite stellen

ChrisEs

Aktives Mitglied
Thread Starter
Dabei seit
19.11.2003
Beiträge
142
Reaktionspunkte
0
Hilfe,

habe längere Zeit nicht mehr mit GoLive gearbeitet und wollte eben eine Grafik 50x50px mittig auf eine Seite positionieren, so das sie im Browserfenster sowohl horizontal wie auch vertikal mittig positioniert erscheint, also mittig im Browser fenster steht. Das will nicht mehr funktionieren.

Obwohl die Tabelle mit einer Zelle 100% horizontal und vertikal definiert ist erscheint sie nur in der horizontalen auf 100% und die Grafik klebt am oberen rand.... was mach ich nur falsch?
 
… wenn die Grafik in einer Tabellenzelle vernünftig ausgerichtet ist, sollte das eigentlich gehen,…
…poste mal den Code, imho können wir dann besser helfen :schmatz:

Greetz,…
 
liquid schrieb:
… wenn die Grafik in einer Tabellenzelle vernünftig ausgerichtet ist, sollte das eigentlich gehen,…
…poste mal den Code, imho können wir dann besser helfen

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<meta name="generator" content="Adobe GoLive" />
<title>Unbenannte Seite</title>
</head>

<body leftmargin="0" marginheight="0" marginwidth="0" topmargin="0">
<table width="100%" border="0" cellspacing="0" cellpadding="0" height="100%">
<tr>
<td align="center"><img src="file:///Users/christop/Desktop/whatsnew_icon.gif" alt="" width="50" height="50" border="0" /></td>
</tr>
</table>
<p></p>
</body>

</html>
 
… ich würd das mit CSS machen, funktioniert verlässlicher, … meine Meinung :D

… das in den head:

<style type="text/css" media="screen"><!--
#Ebene1 { background-color: #f3f3f3; text-align: left; position: absolute; top: 50%; left: 50%; width: 50px; height: 50px; visibility: visible; margin-top: -25px; margin-left: -25px; }
--></style>

…und das in den body:

<div id="Ebene1"></div>

… ich hab's mal eingefärbt, sieht man besser :augen:
In den div kannst du dein Bild packen.
… und die Tabelle kannst du,… ähem,… *hust* … wegschmeissen. :cool:

Greetz,…
 
vielen Dank für den css code! Klar, mit css gehts auch. Mich nervt nur das es mit html auf einmal nicht mehr funktioniert und ich versteh nicht warum.

Ich hab andere Seiten auch damit aufgebaut und plötzlich will es nicht mehr... warum nur? Hat sich in den browsern was geändert? oder in goLive? Es ist doch eigentlich das simpelste eine Tabelle auf 100/100% auszurichten... wo liegt nur der Fehler?
 
ChrisEs schrieb:
…Mich nervt nur das es mit html auf einmal nicht mehr funktioniert und ich versteh nicht warum.
Ich hab andere Seiten auch damit aufgebaut und plötzlich will es nicht mehr... warum nur? Hat sich in den browsern was geändert? oder in goLive? Es ist doch eigentlich das simpelste eine Tabelle auf 100/100% auszurichten... wo liegt nur der Fehler?
… da schau' her, :eek: … es geht nicht mehr, hab' anfangs auch mit Tabellen
zentriert und dann irgendwann auf CSS Zentrierung umgestellt,…
…damals ging das noch, aber jetzt,…k.A. :kopfkratz …vlt. liegt's an unseren
supernovamodernen Browsern,… :augen:

Greetz,…
 
weil Du ausser align="center" auch noch ein valign="middle" brauchst...

HTML:
<table width="100%" border="0" cellspacing="0" cellpadding="0" height="100%">
  <tr>
    <td align="center" valign="middle">
      <img src="file:///Users/christop/Desktop/whatsnew_icon.gif" alt="" width="50" height="50" border="0" />
    </td>
  </tr>
</table>

Quelle
 
theHobbit schrieb:
weil Du ausser align="center" auch noch ein valign="middle" brauchst...Quelle[/URL]
…jep, geht aber nicht, so schlau war ich nämlich auch,… :D ich hab's grad
probiert, zumindest im FF klebt's dir dann immer noch oben am Rand,…
k.A. warum, früher ging's doch auch,… :hum:

Greetz,…
 
hm.. tippfehler?

test hier

schau Dir im FF den code an mit Apfel + U ...

bei mir ist es mittig ...

EDIT: und ich hab die "height= .. width=.." rausgenommen weil ich nicht wusste wie gross das Bild war
 
theHobbit schrieb:
hm.. tippfehler?

test hier

schau Dir im FF den code an mit Apfel + U ...

bei mir ist es mittig ...

EDIT: und ich hab die "height= .. width=.." rausgenommen weil ich nicht wusste wie gross das Bild war
…seltsam, ich hab' grad exakt diesen Code gesetzt und es hat nicht funktioniert. :kopfkratz
… sehr suspekt das Ganze. :suspect:

Greetz,…
 
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

… an GoLive liegt's! :augen:

Greetz,…
 
was macht den GoLive jetzt anders als vorher?
 
Am Doctype liegt's. U.a. mit HTML 3.2 geht's, u.a. mit 4.01 nicht mehr. Jeweils Transitional.
Selbst mit CSS besonders aergerlich, wenn man beispielsweise Text mittig darstellen will und der Text – klar – keine feste Groesse hat.
 
wie wär's mit dem guten alten

<p align="center"><img src="......."></p>

??

wenn's nur das ist.
ansonsten ist der CSS ansatz zu bevorzugen!

EDIT: aha ... das vertikal mittig hab ich überlesen.

das ging noch nie gut !
 
Zurück
Oben Unten