• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Bild verkleinert sich nachdem ich die Auflösung verändere

K

knibbel

Neues Mitglied
Hallo Jungs/Mädels,

ich habe folgendes Problem.

Bin gerade dabei eine Homepage zuerstellen, soweit sieht es gut aus. Bloß wenn ich die Auflösung verändere, bleibt alles beim alten außer das sich ein Bild verkleinert (shoutbox.jpg). Hoffe ihr könnt mir irgendwie helfen.




<body>

<center><div style="position: top;">
<a href="index.html"><img src="pics/header2.jpg" alt="Header" border="none"></a><br />
<a href="index.html"><img src="pics/leiste.jpg" alt="leiste" border="none"></a><br />


<!-- SHOUTBOX -->


<div style="background:url(pics/shoutbox.jpg); background-position: center; background-repeat: no-repeat;" >
<table alt="Shoutbox" width="1024" height="460" border="1" > <tr valign="top">

<td align="center" ><font size="6"><font color="#FF0000">Hier soll der Text entstehen</font><br>
</font> </td> </tr> </table>
</table>
</div>

<!-- SHOUTBOX ENDE -->

<a href="index.html"><img src="pics/footer.jpg" alt="footer" border="none"></a><br />
</div>

</center>

</body>
 
Es ist, bei dieser Art des Einsatzes schlichtweg unmöglich, dass sich das Bild verkleinert, wie du sagst, da es als Hintergrundbild eingebunden ist!
Der DIV-Container, in dem es sich befindet, verringert bei kleineren Viewports, die bei variierenden Bildschirmauflösungen der Clients, oder schlicht beim Verkleinern des Browserfensters enstehen, einfach seine Breite.
das bedeutet, dass dann weniger von dem Bild zu sehen ist.
 
Danke Dir für die schnelle Antwort hab nun noch eine Lösung gefunden. Hab dem table den hintergrund gegeben statt dem DIV-Container und nun läuft es.
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben