Expression Web: CSS-Hintergrundbild

Hallo,

ich habe folgende CSS-Datei gebastelt:

body {
margin-top: 10px;
margin-right: 50px;
margin-bottom: 10px;
margin-left: 50px;
background-color: #0080c0;
font-family:Arial,sans-serif;
}
#logo {
height: 120px;
margin: 0px;
background-color: #ffff00;
}
#menu {
position: absolute;
top: 140px;
left: 50px;
width: 130px;
background-color: #ffcc00;
}
#inhalt {
position: absolute;
top: 140px;
left: 190px;
right: 50px;
background-color: #ffffc6;
}

In der DWT sieht der bearbeitbare Bereich (#inhalt) so aus:

Re: Expression Web: CSS-Hintergrundbild

Anselm Rapp schrieb:

> Nun möchte ich in *einer* auf der DWT basierenden Seite den Container
> #inhalt mit einem Hintergrundbild versehen.

Diese Seite hat wahrscheinlich bereits einen bearbeitbaren Bereich
"doctitle", in dem du das neue Stylesheet unterbringen kannst:






--
· Schema-Validator für XML

Re: Expression Web: CSS-Hintergrundbild

Christoph Schneegans schrieb:

>> Nun möchte ich in *einer* auf der DWT basierenden Seite den Container
>> #inhalt mit einem Hintergrundbild versehen.
>
> Diese Seite hat wahrscheinlich bereits einen bearbeitbaren Bereich
> "doctitle", in dem du das neue Stylesheet unterbringen kannst:
>
> [...]

Chapeau! Auf diese Idee wäre ich niemals gekommen.

Danke,

Anselm

--
Antworten bitte in der Newsgroup.

==> *Die* Empfehlung fuer Webmaster: www.rettet-das-internet.de <==

Re: Expression Web: CSS-Hintergrundbild

Christoph Schneegans schrieb:

>> Nun möchte ich in *einer* auf der DWT basierenden Seite den Container
>> #inhalt mit einem Hintergrundbild versehen.
>
> Diese Seite hat wahrscheinlich bereits einen bearbeitbaren Bereich
> "doctitle", in dem du das neue Stylesheet unterbringen kannst:
>
>
>
>
>

Dazu noch eine Zusatzfrage: Gibt es eine Möglichkeit, das
Hintergrundbild auf die ganze Seitenhöhe auszudehnen? Momentan geht es
nur so weit nach unten wie der Text im Vordergrund. Mit
"repeat"-Optionen ist es mir nicht gelungen.

Danke im Voraus,

Anselm

--
Antworten bitte in der Newsgroup.

==> *Die* Empfehlung fuer Webmaster: www.rettet-das-internet.de <==

Re: Expression Web: CSS-Hintergrundbild

Hallo Anselm,

> Dazu noch eine Zusatzfrage: Gibt es eine Möglichkeit, das
> Hintergrundbild auf die ganze Seitenhöhe auszudehnen? Momentan geht es
> nur so weit nach unten wie der Text im Vordergrund. Mit
> "repeat"-Optionen ist es mir nicht gelungen.

Die Größe bezieht sich bei einem "Hintergrundbild" immer
auf den Container bzw. das Element in dem es entahlten ist.

Wenn du möchtest, dass das Bild über die ganze Seite
ausgedehnt wird mußt du es in einen Container packen
der der Seitenhöhe entspricht. Dein #inhalt ist nicht hoch
genug.

Das mit den "repeat"-Optionen greift nur dann
wenn das Bild kleiner ist als der Container in dem
es angezeigt werden soll. Dann wird es halt je
nach Einstellungen horizontal und / oder vertikal
wiederholt aber nicht in den Abmessungen vergrössert.

Gruß,
Frank

Re: Expression Web: CSS-Hintergrundbild

Frank Müller schrieb:

>> Dazu noch eine Zusatzfrage: Gibt es eine Möglichkeit, das
>> Hintergrundbild auf die ganze Seitenhöhe auszudehnen? Momentan geht es
>> nur so weit nach unten wie der Text im Vordergrund. Mit
>> "repeat"-Optionen ist es mir nicht gelungen.
>
> Die Größe bezieht sich bei einem "Hintergrundbild" immer
> auf den Container bzw. das Element in dem es entahlten ist.
>
> Wenn du möchtest, dass das Bild über die ganze Seite
> ausgedehnt wird mußt du es in einen Container packen
> der der Seitenhöhe entspricht. Dein #inhalt ist nicht hoch
> genug.

Aber die Seitenhöhe variiert doch je nach Bildschirmauflösung?

> Das mit den "repeat"-Optionen greift nur dann
> wenn das Bild kleiner ist als der Container in dem
> es angezeigt werden soll. Dann wird es halt je
> nach Einstellungen horizontal und / oder vertikal
> wiederholt aber nicht in den Abmessungen vergrössert.

Ich habe es mit "height: 100%" geschafft. Bei geringeren Auflösungen
erscheint zwar rechts ein Scrollbalken, aber wenigstens geht das
Hintergrundbild über die ganze Höhe.

Gruß, Anselm

--
Antworten bitte in der Newsgroup.

==> *Die* Empfehlung fuer Webmaster: www.rettet-das-internet.de <==

Re: Expression Web: CSS-Hintergrundbild

Christoph Schneegans schrieb:

>> Nun möchte ich in *einer* auf der DWT basierenden Seite den Container
>> #inhalt mit einem Hintergrundbild versehen.
>
> Diese Seite hat wahrscheinlich bereits einen bearbeitbaren Bereich
> "doctitle", in dem du das neue Stylesheet unterbringen kannst:
>
>
>
>
>

Meine Antwort 3 ist wieder eine Frage: ;-)

Es klappt jetzt wunschgemäß mit dem Hintergrundbild, aber das Laden
dauert per ISDN ziemlich lange. Ich hätte gern Folgendes:

Herzlich willkommen bei $kunde

Blablabla.

Hintergrundbild wird geladen ...

Der Text "Hintergrundbild wird geladen ..." soll vom Hintergrundbild
(wenn es eben geladen ist) verdeckt werden.

Danke für Tipps,

Anselm

--
Antworten bitte in der Newsgroup.

==> *Die* Empfehlung fuer Webmaster: www.rettet-das-internet.de <==

Re: Expression Web: CSS-Hintergrundbild

Anselm Rapp schrieb:

> Der Text "Hintergrundbild wird geladen ..." soll vom Hintergrundbild
> (wenn es eben geladen ist) verdeckt werden.

Du kannst versuchen, mit

html {
background-image: url('small-image.jpg');
}

body {
background-image: url('big-image.jpg');
}

so ein Verhalten zu simulieren.

Ich finde dein Vorhaben aber ziemlich unsinnig. Gib lieber mittels

selector {
background-image: url('example.jpg');
background-color: color(0,100,200);
}

zusätzlich eine Hintergrundfarbe an, die dem Hintergrundbild farblich
entspricht.

--
· Die häufigsten Fragen zu FrontPage

Re: Expression Web: CSS-Hintergrundbild

Christoph Schneegans schrieb:

>> Der Text "Hintergrundbild wird geladen ..." soll vom Hintergrundbild
>> (wenn es eben geladen ist) verdeckt werden.
>
> Du kannst versuchen, mit [...] so ein Verhalten zu simulieren.
>
> Ich finde dein Vorhaben aber ziemlich unsinnig.

Ist wenigstens nicht auf meinem Mist gewachsen. Ich habe sowas schon
öfters gesehen.

> Gib lieber mittels [...] zusätzlich eine Hintergrundfarbe an, die
> dem Hintergrundbild farblich entspricht.

Das ist natürlich eine Idee, danke.

Gruß, Anselm

--
Antworten bitte in der Newsgroup.

==> *Die* Empfehlung fuer Webmaster: www.rettet-das-internet.de <==