Was läuft hier schief??????

[straub]

Hallo,
bin grad beim Template basteln mit Dreamweaver CS4 und hab mal was zum üben entworfen und bereitgestellt.
Aber irgendwas führt zu Störungen bei der Darstellung vom Hintergrundbild (CSS-Body) in Firefox: Schaut mal hier was ich meine

Zuerst dachte ich die Bilder seien zu groß, haben aber nur max. 240 kb.
Kann mir jemand weiterhelfen.
P.S. ich bin Laie- deshalb freue ich mich auch über laienhafte Antworten

Grüße vom
Straub

 

[sokie]

AW: Was läuft hier schief??????

die Adresse ist nicht aufrufbar

 

[PatrickStar]

AW: Was läuft hier schief??????

kann sie auch nicht öffnen.. weder mit firefox noch mit IE

 

[Gelöschtes Mitglied 345460]

AW: Was läuft hier schief??????

1. Der Link ist fehlerhaft.. (Fehlt ein s? )
2. Was soll anders dargestellt werden???

Vlt ein Screenshoot wie es aussehen sollte...

 

[straub]

AW: Was läuft hier schief??????

Vor lauter lass mich auch mit hab ich doch wirklich ein "s" verschluckt
Hier nochmal der Link

Gruß
Straub
Auf IE funktioniert der Versuch gut!

 

[Gelöschtes Mitglied 345460]

AW: Was läuft hier schief??????

Also bei mir sieht die Seite im IE wie im Firefox gleich aus... Oder ich übersehe was...

Bei IE gibts allerdings ein Problem, wenn ich den Kompatiblitätsmodus zu älteren Seiten aktiviere.. Das Menü ist dann verschoben... (Impressunm in 2ter Reihe)...

 

[straub]

AW: Was läuft hier schief??????

Das versteh ich nicht. Bei mir wird auf Firefox das Hintergrundbild sehr verzögert angezeigt. Der Rest (Head, Menü und Content) wird sofort dargestellt.
Wenn es bei Dir richtig dargestellt wird, dann muß wohl irgend eine Einstellung von Firefox bei mir nicht stimmen-aber was?

 

[Designerist]

AW: Was läuft hier schief??????

Im css erst mal:
body { overflow:scroll;- braucht es das wirklich?

background-repeat: no-repeat;- ev doch repeat-x setzen oder - position:center;

background-image: url(komprimierter-verlauf.gif);
margin: 0;
padding: 0;

}
Nur im IE sieht das Dingens komisch aus, FF, Opera, Chrome zeigen gut an.
Grüsse, Designerist

 

[oxygen]

AW: Was läuft hier schief??????

da musst du noch bissel nachbessern

 

[Gelöschtes Mitglied 345460]

AW: Was läuft hier schief??????

Vom laden her ist direkt alles zu sehen.. Ohne Verzögerung.. Bei IE flackert es gel mal beim Seitenaufruf kurz weiß auf.. aber nur Bruchteil von ner Sekunde... Sonst alles bestens... Das was Oxygen gepostet hat, hab ich, wenn ich IE in den Kompatiblitätsmodus für alte Websites schalte... (Bzw im Firefox auf IE-Modus wechsel)

Das mit der Warnung hat sch erledigt... (Falls schon gelesen....)
Hatte noch auf HTML statt XHTML stehen...

 

[straub]

AW: Was läuft hier schief??????

Mein Versuchsobjekt hab ich auf meinem 17Zoll Laptop (1680X1050px) aufgebaut. Hab noch keine Ahnung wie es auf kleineren oder größeren Monitoren wirkt. Da ich kein fertiges Template verwendet habe sondern mich mit reinem CSS-Design mit Div-Containern versuche, sind solche Dinge noch nicht parat wie ich dies einrichte. Muss ich noch lernen-kommt später.

 

[Schubadu]

AW: Was läuft hier schief??????

Wenn Du wissen willst, wie es in einem kleineren Monitor ausschaut, einfach Fenstergröße ändern... Dann müsste sich teoretisch auch der Inhalt bei entsprechenden Objekten anpassen

 

[straub]

AW: Was läuft hier schief??????

hab ich grad Versucht. Die Darstellung mit veränderter Auflösung auf IE kein Problem-Firefox nach wie vor massive Zeitverzögerung bei mir

 

[cebito]

AW: Was läuft hier schief??????

Wie es bei größeren oder kleineren Auflösungen aussieht? Einfach mal Strg + + oder Strg + - im FF drücken

 

[Chickenshooter]

AW: Was läuft hier schief??????

Moin

Dein Problem, so denke ich ich ist, das der Hintergrund eine
feste Breite hat, das Problem ist aber nicht jeder Mensch
hat eine Auflösung horizontal von 1680 manch eine liebt halt
1024px und ein Anderer etwas anderes.

Lösung liquid Design

dein Farbverlaufsbild ( wenns unbedingt einer sein soll) muss nicht
breiter als 1px sein. Dieses als per css einem div
zuweisen und diesem div den z-index 1 zu weisen.

Jetzt 2 Bilder ertsellt für deine "Butterflys" links und rechts nicht zu breit
sagen wir mal 300-400px höhe ca. 800px und wichtig der Hintergrund in
diesen Bildern in PS muss transparent sein, dann die Bilder als png ab-
speichern.

3. 2 divs anlegen mit css formatieren diese dürfen beide
sein, der eine und der andere rechts, jetzt die
png Bilder (das linke in den linken div, das rechte na du weist schon) als
background-image zu weisen und den z-index beider divs auf 2

4. einen weiteren Div der den rest der Seite inne hat mit z-index 3

wenn ich nicht total daneben liege (oder falsch abgebogen bin) sollte
der Hintergrund sprich Farbverl. und die flyers fest stehen aber der Inhalt
scrollt.

MfG

 

[magicsepp]

AW: Was läuft hier schief??????

für die Verlaufslinien hilft die Verwendung von jpg anstatt gif
bzw wenn schon gif dann auf jedenfall mit 256 Farben
sonst wird das kein guter Verlauf....

 

[straub]

AW: Was läuft hier schief??????

O.K.- Danke fürs erste.
Ich mach jetzt erst mal ne künstlerische Pause und werde eure Ideen ausprobieren.
Wenn ich wieder ne Frage habe, weiß ich wo es kompetenten Rat gibt.
Grüße an alle
Straubi