• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

Bildgröße der tabelle anpassen

X

xelax90

New member
hi,

ich hab ein kleines problem im ie (im ff hab ich das zwar gelöst, aber ich weiß nicht, wie schön das ist^^)

ich hab eine Tabelle der größe 600px.
da sollen insgesamt 4 Bilder pro reihe rein.
die Bilder haben jeweils zum Beispiel eine größe von 200px.
wenn man das addiert, kommt man logischer Weise auf 800, was mehr ist, als 600^^
das heißt, ich muss die Bilder verkleinern.
in FF funktioniert die folgende version:

HTML: 
<table style="width:602px" boder="0" cellspacing="2" cellpadding="0">
  <tr>
    <td><img width="100%" src="cms/file/party/k-ALIM0285.JPG"></td>
    <td><img width="100%" src="cms/file/party/k-ALIM0286.JPG"></td>
    <td><img width="100%" src="cms/file/party/k-ALIM0287.JPG"></td>
    <td><img width="100%" src="cms/file/party/k-ALIM0288.JPG"></td>
  </tr>
</table>

dann haben die Bilder immer den maximalen Platz der ihnen zur verfügung steht. und das ist dann nunmal 1/4 der Breite der Tabelle.

im IE funktioniert das nicht.

der code wird mit php geschrieben.
und das soll möglichst als eigenständige Funktion geschehen. das heißt, feste pixelwerte sollten nicht drin vorkommen, weil die Breite der äußeren tabelle ja auch eine andere sein könnte.

ich hoffe, das kann man mit css oder html lösen^^

xelax90
 
das ist eine bildergallerie
und da kommt man nur sehr schwer um eine tabelle herum^^

aber selbst wenn, ich keine benutzen würde.
ich weiß immernoch nicht, wie ich das Problem lösen kann, dass die Breite auf 25% der Tabelle oder des divs (das spielt ja eigentlich keine rolle, glaube ich) gestellt wird
 
Mit CSS kannst Du das glaube ich nicht so leicht lösen. Im Grunde genommen ist es beim Layouten nun mal so, dass man sich irgendwo auf fixe werte einigen muss. also wenn die Tabelle 600px breit sein muss, dann ist das doch alles kein Problem?
Eine Alternative wäre die Bildgröße über css in em (statt px) anzugeben. Hierzu musst du jedoch erstmal alle Bildgrößen in em umrechnen. Angaben in em lassen sich nämlich in allen Browsern über die Einstellung der Schriftgröße mitverändern (Perfektioniert sieht man das auf der Seite zdf.de, drück da mal strg +, oder strg -)

ich persönlich finde dass divs sehr gut geeignet sind für Bildergalerien:


Code: 
<!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" />
<title>Test</title>
<style type="text/css">
	.wrapper 			{width:600px; margin:0 auto}
	.imgbox				{width:124px; height:124px; border:1px solid #fff; float:left; background:#9f0}
	.imgbox:hover	{background:#f90; cursor:help}
</style>
</head>

<body>

<div class="wrapper">
	<div class="imgbox"></div>
  <div class="imgbox"></div>
  <div class="imgbox"></div>
  <div class="imgbox"></div>
  <div class="imgbox"></div>
  <div class="imgbox"></div>
  <div class="imgbox"></div>
  <div class="imgbox"></div>
  <div class="imgbox"></div>
  <div class="imgbox"></div>
  <div class="imgbox"></div>
  <div class="imgbox"></div>
</div>

</body>
</html>
 
Du musst dich einloggen oder registrieren, um hier zu antworten.
Zurück
Oben