CSS - Footer (Layer verschachteln)

Gehe zu Seite:

Geschlossen

Sa. 30.10.2010 16:16 Uhr #1

MyDeniZ Mitglied

Registriert seit
13.05.2010

Beiträge
26

Beitragswertungen
Sers..
Brauche einmal Hilfe von den Profis

Meine DiVs:
HTML:
```
<div class="FBG">
<div class="F1"></div></div>
```
Mein CSS
```
.F1 {
	position:absolute;
	background:url(Bilder/slice_05.jpg) no-repeat;
	width: 980px;
	height:132px;
	right:184px;
	left:auto;
	align:center;
bottom:20;
}
.FBG {
	position:absolute;
	background:url(Bilder/footer.jpg) no-repeat;
	height:132px;
	right:0px;
	bottom:auto;
	width: 1600px;
	align:center;
}
```
Hab nu alles mögliche ausprobiert.. ^^ aber er macht nicht, das was er soll.

Ich möchte dem Footer ein HG Bild verpassen das den gesamten Footer über die volle Breite ausfüllt.
Das wäre in diesem Fall "FBG"

Und Der Footer "F" Liegt dadrüber.

Möchte das "F" mittig bzw. zentriert ist.. jedoch fehlen mir wohl die Kenntnisse, es so hinzubekommen, wie es soll.

vll. habt ihr paar Tipps oder gleich die Antwort für mich, wie es richtig sein soll!
Habs zwar mit Right % Left ausprobiert.. jedoch verschiebt sich das ganze, sofern sich eine andere Auflösung befindet.

Zuletzt modifiziert von MyDeniZ am 30.10.2010 - 16:18:02
0 Mitglieder finden den Beitrag gut.
- zitieren
Sa. 30.10.2010 16:22 Uhr #2

Pion Hall Of Fame

Registriert seit
25.07.2007

Beiträge
870

Beitragswertungen
Najo die Frage ist warum du mit absoluten Angaben arbeitest...
```
    width: 1600px;
```
Du weist aber das dann bei kleineren Auflösungen Scrollbars kommen

Also ich würde position:absolute; wegnehmen sowie left...
Dann mit Margins arbeiten, für das f wäre das dann margin:auto interessant, bzw margin-left/top für das FBG

mfg
0 Mitglieder finden den Beitrag gut.
- zitieren
Sa. 30.10.2010 16:30 Uhr #3

MyDeniZ Mitglied

Registriert seit
13.05.2010

Beiträge
26

Beitragswertungen

so.. um das ganze visuell mal zu veranschaulichen!

so sieht das atm aus:

deniz.copyworld-kiel.de/Footer/

Zitat

Du weist aber das dann bei kleineren Auflösungen Scrollbars kommen

Nope ist doch gar nicht so

Zuletzt modifiziert von MyDeniZ am 30.10.2010 - 18:29:20
0 Mitglieder finden den Beitrag gut.
- zitieren
Sa. 30.10.2010 19:06 Uhr #4

MyDeniZ Mitglied

Registriert seit
13.05.2010

Beiträge
26

Beitragswertungen

Habs selbst hinbekommen,
könnt Euch den Quellcode angucken bei bedarf.

deniz.copyworld-kiel.de/Footer

Viel Spaß noch

kann
-cloesed-
werden
0 Mitglieder finden den Beitrag gut.
- zitieren
Sa. 30.10.2010 22:50 Uhr #5

Jan Hall Of Fame

Registriert seit
17.01.2007

Beiträge
3.646

Beitragswertungen

Sicher, dass du so glücklich bist?
Bei großen Auflösungen siehts so aus:

img829.imageshack.us/i/unbenanntvz.jpg/
0 Mitglieder finden den Beitrag gut.
- zitieren
Sa. 30.10.2010 23:01 Uhr #6

lordrepha Mitglied

Registriert seit
11.03.2006

Beiträge
1.362

Beitragswertungen
mach den background vom footer 1px breit

und dann das
```
.FBG {
background:url("Bilder/footer.jpg") repeat-x scroll 0 0 transparent;
bottom:auto;
height:132px;
position:absolute;
right:0;
width:100%;
}
```
Micro Blogging for Designer||Artworks||kostenlose Dropbox
0 Mitglieder finden den Beitrag gut.
- zitieren

Beitrag zur Merkliste hinzufügen

ilch Forum » Allgemein » HTML, PHP, SQL,... » CSS - Footer (Layer verschachteln)