Hallo zusammen,
habe hier ein kleines Prolem, an dem ich mir irgendwie die Zähne ausbeise.
Habe eine zentrierte Seite mit fixer breite.
HTML-Code:
#seite{
width:990px;
margin:0 auto;
}
Rechts von der Seite möchte ich eine Grafik ausgeben.
Dazu stecke ich das Bild in den div #seite, lasse ihn dann nach rechts fließen und verschiebe das Bild dann um seine eigene breite nach rechts. Somit schließt es rechtsbündig an die Seite an.
HTML-Code:
#bild rechts{
float:right;
position:relative;
left:55px;
}
jetzt stellt sich nur folgendes Problem: Skaliere ich das Browserfenster kleiner als 1045px (990+55px) Breite, wird ein horizontaler Scrollbalken eingeblendet.
Mache ich das ganze analog auf der linken Seite, schiebt es die Grafil links aus dem sichtbaren Bereich raus und die Scroll-leiste kommt erst wie gewünscht bei < 990px.
Frage: wie kann ich diesen Effekt auch auf der rechten Seite hinbekommen?
Das ganze als Hintergrundgrafik einzubinden geht leider nicht sinnvoll wegen dem background-alignment-bug (zentrierter Hintergrund wird bei ungeraden Fensterbreiten um 1px gegenüber zentrierten elementen verschoben) und weil das obige Beispiel eben nur ein Beispiel ist, die echte Seitenstruktur is da deutlich komplexer.
Mit absoluter positionierung hab ich es auch schon probiert - gleicher effekt. Auch mit negativen margins. Overflow wäre eine Lösung, allergings fällt mir da keine HTML-Struktur ein, in der der #seite Div, dann trotzdem einen scrollbalken produziert...
bin für jede Anregung dankbar
