nicht angemeldet
@@Thomas:
nuqneH
Leider läuft das BG-Bild immer noch mit
Da kann ich dir nicht folgen.
Natürlich ist das Bild immer rechts oben im Viewport, wenn dieser schmal ist allerdings vom Body verdeckt, so dass man es nicht sieht.
Dazu fehlt allerdings noch
body
{
border-top: 1px solid white; /* damit body auch bei margin-top eines enthaltenen Elements ganz oben anfängt /
margin-top: 0;
min-height: 42px; / Höhe des Hintergrundbilds */
}
>
> Qapla'
Hi Thomas, hi Gunnar,
ich bin hier zu 1. mal und noch nicht so vertraut - nix für ungut ich hätte eine reine css-Lösung, die bei standardkonformen Browsern und beim IE ab 7 (im standardkonformen Modus) funktionieren müsste.
Sodele:
Nur meine Meinung - nicht im body agieren, ich bervorzuge ein Seiten-Blocklevelelement zu erzeugen, innerhalb dessen der komplette restliche html-Code definiert wird.
Bsp. css
~~~css
#seite {
position:relative; /*wichtig*/
min-width:900px; /*bzw. der Wert damit das Bild nicht in den Content läuft*/
min-height:100px; /* optional*/
background:#eee; /*optional*/
}
/* jetzt kommts, eine absolut positionierte Bildbox mit dem besagten Hintergrundbild */
.bildbox {
position:absolute;
top:0;
right:0; /* positioniert bildbox rechts oben idseite */
width:xxpx; /* entsprechend Bildbreite */
height:xxpx; /*entsprechend Bildhöhe */
background:url(bg-bild.jpg);
}
/*noch für deinen Inhalt (Content oder ?) ....*/
position:relative;
width:xxxpx; /*dein Wert*/
/* kein background oder transparent */
border:1px solid blue; /* zur Kontrolle */
das html:
...
<body>
<div id="seite">
<div class="bildbox"></div>
<div id="content">
<p>hallole ...</p>
... und was du sonst noch so brauchst ...
</div>
</div>
</body>
</html>
IE6 versteht keine min-, oder max-Werte,
wenn man ihn auch bedienen will ... Browser-Hack benutzen oder doch ein Javascript.
So that´s it, viel Spaß beim Fensterln
heinz
Gunnar Bittersmann
Der Martin