Guten morgen,
schaut euch mal meinen Code an, die Tabelle hat links und Rechts einen Abstand von 50px. Die Tabelle bleibt immer Zentriert in der Browsermitte.
Verkleinert man nun das Browserfenster, bleibt die Tabelle weiterhin in der Bildschirmmitte.
Allerdings nur bis zu einem bestimmten Punkt, egal wie klein das Fenster gemacht wird. Der Linke Abstand von 50px bleibt bestehen und der rechte Abstand wird irgendwann 0px.
Ich habe schon gesehen das es auch anders geht, der Abstand wird beidseitig 0px wenn man das Fenster verkleinert. Nur wie geht das?
<html>
<head>
<style type="text/css">
body { margin: 50px; margin-top: 10px;}
.tab { width: 100%; padding: 5px; border: 1px solid;}
</style>
</head>
<body>
<table class="tab" border="0" cellspacing="0" cellpadding="0">
<tr><td>
<img border="0" src="bild1.jpg" width="400" height="100">
</td><td>
<img border="0" src="bilder/bild2.gif" width="450" height="100">
</td></tr></table>
</body>
</html>