zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Layout Problem, Footer positionieren

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 17.10.2008, 12:47
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 18.08.2008
Beiträge: 5
ruven befindet sich auf einem aufstrebenden Ast
Standard Layout Problem, Footer positionieren

hallo

ich würde gerne folgendes layout umsetzen



beim footer gibt es allerdings probleme.

ich habe background1 per background-image im body tag eingebunden. der inhalt wird auch richtig positioniert mit margin-top.

wie kann ich den footer so überlappen lassen?

vielen dank
ruven
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 17.10.2008, 12:52
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.848
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

Dass alles umgebende div kann background2 bekommen, bottom positioniert.
__________________
Wer keinen Link auf seine problembehaftete Seite posten kann, weil diese noch nicht online ist: Testcase bauen, online stellen, Link posten.
Internet-Grundregel: Unbekannte Begriffe googeln! (Erspart 99% aller Nachfragen.)
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 20.10.2008, 16:41
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 18.08.2008
Beiträge: 5
ruven befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von heiko_rs Beitrag anzeigen
Dass alles umgebende div kann background2 bekommen, bottom positioniert.

vielen dank, das ist wirklich der einfachste weg.

ich hab jetzt allerings noch ein verständnis problem. im ie7 funktioniert das position:absolute, bottom nicht wirklich. in ff sieht alles gut aus.

warum wird im ie der footer nicht angezeigt?

http://test.ruven.org/index.html

Code:
<style type="text/css">
div {border:1px solid red;}
#main { position:relative;}
#top, #bottom {height:60px;background-image:url(kba-home.gif);background-repeat:repeat-x; width:100%;}
#top {position:absolute; top:0px; left:0px;}
#bottom {position:absolute;bottom:0px;left:0px;}
</style>
<div id="main">
	<div id="top"></div>
		bla<br/>
		bla<br/>
		bla<br/>
		bla<br/>
		bla<br/>
		bla<br/>
		bla<br/>
		bla<br/>
		bla<br/>
		bla<br/>
		bla<br/>
		bla<br/>
		bla<br/>
		bla<br/>
		bla<br/>
		bla<br/>
		bla<br/>
		bla<br/>
		bla<br/>
	<div id="bottom"></div>
</div>
Mit Zitat antworten
  #4 (permalink)  
Alt 20.10.2008, 19:18
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.848
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

Ich war davon ausgegangen, dass background2 eine Grafik ist - diese wird dann #main als BG-Bild zugewiesen, bottom pos.
__________________
Wer keinen Link auf seine problembehaftete Seite posten kann, weil diese noch nicht online ist: Testcase bauen, online stellen, Link posten.
Internet-Grundregel: Unbekannte Begriffe googeln! (Erspart 99% aller Nachfragen.)
Mit Zitat antworten
  #5 (permalink)  
Alt 20.10.2008, 19:18
Benutzerbild von aboleo
OperaRueles!
XHTMLforum-Mitglied
 
Registriert seit: 23.04.2008
Ort: Erlangen
Beiträge: 139
aboleo befindet sich auf einem aufstrebenden Ast
Standard

Probier doch mal das Ganze in ein vernuenftiges Aeusseres zu bringen.
doctype setzen head, body usw. alles was eben dazu gehoert.
Zitat:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<head>
<meta http-equiv="Content-type" content="text/html; charset=UTF-8" />
<style type="text/css">
[....]
</style>
<title>title</title>
</head>

<body>

<div id="main">
[.......]
</div>

</body>
</html>
__________________
Ad pedem litterae
Mit Zitat antworten
  #6 (permalink)  
Alt 20.10.2008, 23:37
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 18.08.2008
Beiträge: 5
ruven befindet sich auf einem aufstrebenden Ast
Standard

lag tatsächlich am fehlenden doctype

vielen dank euch zwei!!!!
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
fixed footer - problem mit absolut positioniertem div AudioX CSS 2 02.03.2009 08:38
Problem mit 3-spaltigem Layout im Firefox Imhotep CSS 4 08.07.2008 18:17
problem mit layout --> testcase andip CSS 5 29.02.2008 15:10
CSS Layout Problem Dumbatz CSS 4 05.08.2006 16:02
Footer Problem blub19 CSS 6 25.01.2005 12:46


Alle Zeitangaben in WEZ +2. Es ist jetzt 22:05 Uhr.