Fester Hintergrund

[rocketride]

Hallo!

Ich hab eine Frage die ich bereits im Fireworks Forum gestellt habe, aber da konnte man mir leider nicht weiterhelfen.
Ich hab grade eine Seite erstellt in dessen header sich ein Balken befindet, den ich gerne im Hintergrunde über die ganze Seite laufen lassen würde.
Wenn ich mein Projekt allerdings in Dreamweaver importiere und den Hintergrund dort einpasse seiht der je nach Browser ganz anders aus!

Wie kann ich das Problem umgehen??

rocketride

[bona]

hast du deine Seite schon online??
dann könnte man sich das ganze mal anschauen

EDIT:

Zitat von jayjay

oder code?

genau, das hab ich noch vergessen

[jayjay]

oder code?

[rocketride]

http://www.lasarmas.de/sketch/

So da hab ich das einfach als bild in den Hintergund gepackt aber im ie seiht das schon total komisch aus, kann man das mit CSS lösen?

Wenn der Code hilfreich ist kann ich den auch gerne posten=)

[bona]

du hast als hintergrund ein ganzes bild seh ich das richtig??
und die seite hast du komplett mit fireworks und dreamweaver gemacht, sprich war am anfang alles EIN bild und dann hast du es mit slice zerschnitten??

wenn ja, wäre es doch kein problem den hintergrundbalken gleich mit der seite in einem bild zu zeichnen und dann auch zu slicen.
dann wäre alles auf der richtigen höhe und es passt... oder??

gruss bona

[hero-master]

Hi

Zitat von rocketride

kann man das mit CSS lösen?

wenn ich dich richtig verstanden habe, dann versuch es mal mit folgendem CSS, also gib dem body noch folgende Eigenschaften mit:

body {
margin:0; 
padding:0
}

Denn der body-Tag hat in jedem Browser vordefinierte Abstände, die von Browser zu Browser variieren. Somit setzt du alle auf 0 im body und es kann losgehen mit dem Korrigieren

Du kannst das margin-top und padding-top auch so definieren, dass es mit dem BG passt:

body {
margin:0; 
padding:8px 0 0
}

[rocketride]

Hab das jetzt einfach so in den body tag kopiert, ist das richtig? Im Firefox und Safari sitzt das zumal ganz genau. Oder muss man das CSS aktivieren oder so?

[hero-master]

Du hast in deinem HTML folgendes stehen unter deinem javascript:

<style type="text/css">
<!--
body {
	background-image: url(back2.png);
}
-->
</style>

Mach darauf einfach:

<style type="text/css">
<!--
body {
	background-image: url(back2.png);
	margin:0;
	padding:8px 0 0
}
-->
</style>

[rocketride]

Hey SUPER!
funktioniert einwand frei!!!!

Wenn man mir jetzt noch erklärt wie ich verhindere das die seite bzw. die Tabellen auseinander reißen wenn die inhlate zu lang sind, wären alle meine Fragen geklärt. Die Scroll funktion wäre keine alternative, da das sonst zu gequetscht aussieht=)

Vielen DANK nochmal!

[hero-master]

Du willst aber nicht wirklich die Texte als Grafik lassen, oder?

[rocketride]

Ach quatsch, da wollte ich einen Slice drüber legen und dann ein Inlineframe dahin verlinken ich hab das im moemnt so das ich scrollen arlaube aber mir wärs lieber wenn die seite sich nach untenhin halt verlängert.

[rocketride]

Weil das Problem habe ich ziemlich oft ich weiß wie man sowas mit php löst aber halt nur wenn an der Seite von diesem Content dingen nix ist. Wäre für jedne Tipp dankbar!!

[rocketride]

Hm ich finde über die suche auch nix gibts da vllt keine Lösung für?

[hero-master]

Was meinst du denn mit zerreißen? Kannst du das Ganze mal mit richtigem Text online stellen?

[rocketride]

So ich hab die alte Seite aktualisiert http://www.lasarmas.de/sketch/ . Also ich möchte das sich die seite nach unten sowei ausweitet das ich keine scroll leiste mehr brauche,... wenn ich das mit php probiere zerfetzt das meien fireworks tabellen.

Soll ich dir frage vllt in einem eigene Thread stellen?

Jan