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

Tabellenzellenhintergrund auf 100%

forwardpoint

forwardpoint

New member
Wie kann ich einen Zellenhintergrund nämlich ein jpg oder gif etc. auf 100% der Zelle bringen? Ich hab jetzt mit <td> und mit Div experimentiert. Aber irgendwie geht beides nicht so richtig.

Ein div im div hab ich auch schon ohne erfolg probiert.

Wäre für jede Lösung dankbar.

Grüße Nick
 
Moin!

Die Anpassung der Größe eines Hintergrundbildes an die eines HTML-Elements kannst Du nur bewerkstelligen, indem Du das Bild selbst änderst und mit serverseitiger Programmierung hat das herzlich wenig zu tun, es sei denn, Du veränderst besagtes Bild mit Hilfe einer serverseitigen Sprache. Dieser mußt Du dann allerdings schon mitteilen, wie groß Deine Tabellenzelle ist...

Ahoi - Pit
 
Ich weiß, der Thread hat hier nix zu suchen. Kann Ihn jemand nach CSS verschieben. Ich suche nämlich nach einer CSS Lösung.
Sorry Ich hab mich verpostet.
 
Verschieben kann ich den Thread natürlich. Das ändert aber nichts am bereits Gesagten...
 
Das hier wäre eine Möglichkeit:
Code: 
<?xml version="1.0" encoding="iso-8859-1"?>
<!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" xml:lang="de">
<head>
<title>Dokumenttitel</title>
<style type="text/css">
/*<![CDATA[*/
  #breitermachen{width:100%;height:500px;}
/*]]>*/
</style>
</head>
<body>
<img id="breitermachen" src="bildchen.png" />
</body>
</html>
Das packst Du am Besten in Deine Tabellenzelle und legst ein div mit einem höheren z-index drüber.
Ich hatte grade festgestellt, das der Firefox bei %-Angaben wohl die 100% in der Breite macht, aber bei der Höhe nur auf Pixel reagiert.
 
Zuletzt bearbeitet:
HTML: 
<?xml
version="1.0" encoding="iso-8859-1"
?>
<!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" xml:lang="de">
<head>
<title>Dokumenttitel</title>
<style type="text/css">
/*<![CDATA[*/
  #breitermachen{width:100%;height:100%;}
/*]]>*/
</style>
</head>
<body>
<table style="width:100%;">
  <tr>
    <td width="40%"><img src="tabletitle.jpg" id="breitermachen" alt="" /><div style="z-index:2; position:absolute; top:10px; left:10px; ">Produkt</div></td>
    <td width="20%"></td>
    <td width="20%"></td>
    <td width="20%"></td>
  </tr>
</table>
<br />
<br />
</body>
</html>

F... erdammt!

Es geht einfach nicht!
Ich kann machen was ich will. Sobald das Bild in einer td eine id hat, verschwindet es im IE. Und für den muss ich es Hauptsächlich erstellen.

Ich probier jetzt nochmal eine Tabelle mit DIVS

@dkdenz:Danke! Klappt hoffentlich bald.
 
Du musst dich einloggen oder registrieren, um hier zu antworten.
Zurück
Oben