[HTML] Bild relativ fixieren

[slowpoke]

Hallo,
ich hab eine Frage, auf die ich bei selfhtml keine Antwort gefunden habe.

Und zwar Folgendes: Im oberen Bereich meiner Homepage sind 2 Spalten, die linke Spalte ist 170px breit. der Bereich ist leer und soll es auch erst einmal bleiben. Die rechte Spalte aber soll durch ein Bild gefüllt werden, das ich gerne so einsetzen würde, dass es IMMER die 170px Spalte in Ruhe lässt also nicht verkleinert oder so, aber den rechten Teil immer horizontal komplett ausfüllt. Es soll sich aber nicht in der Höhe verändern. Ich hab mal ein Beispiel in Photoshop vorbereitet, damit mich auch jeder versteht

Grün ist der 170px Bereich, immer gleichgroß.
Ändert sich die Fenstergröße/ Auflösung, soll blau sich dementsprechend verändern.

//Edit: Ich seh grad, dass die Vorschaubilder etwas ungünstig angezeigt werden, am Besten beide nebeneinander in Vollbild öffnen.

Ich hoffe, ihr könnt mir helfen.

Danke im Voraus
Slowpoke

 

[Loopo]

einfach als Breite (und Höhe) 100 % angeben?

 

[moquai]

Die Angabe der Pixelgröße vom Bild hilft auch. Oder habe ich etwas falsch verstanden?

 

[slowpoke]

Das Bild wird extrem groß, wenn ich als Breite und Höhe 100% angebe. Und eine feste Größe geht ja nicht, denn sonst verdrängt es das linke Bild, wenn das Fenster zu klein wird.

 

[.:hauke]

Also du könntest das mit Tabellen machen. (Ich hasse Tabellen)

<table width="100%">
<tr>
<td width="170">
...
</td>
<td width="*">
<img src="..." width="100%" />
</td>
</tr>
</table>

Vielleicht gehts auch stilvoller mit Divs, müsst ich erst mal drüber nachdenken

 

[slowpoke]

Das mit der Tabelle klappt nicht so ganz

Naja, ich habe eine andere elegante Möglichkeit gefunden, das Bild einfach nicht so groß gemacht. Das Problem ist zwar nicht komplett gelöst, aber kein Problem mehr

 

[.:hauke]

Also bei mir klappt das 1A.
PS: Hatte mich in der Eile verschrieben, daran lags sicher. Da stand erst "1*" statt nur "*".

 

[Crizzo]

Gib der grünen Spalte die Breite 170px und lasse sie nach links floaten.
Der "blauen Box" gibst du keine Breite, position:static und margin-left:170px. Jetzt wird sie neben der "grünen Box" angezeigt, passt sich an und lässt sie in Ruhe.