zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Leiste am Ende einer Seite positionieren?

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 28.12.2004, 16:20
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 28.12.2004
Beiträge: 1
chris2001 befindet sich auf einem aufstrebenden Ast
Standard Leiste am Ende einer Seite positionieren?

Hallo,
ich habe einmal folgendes CSS-Design erstellt. http://de.bach-online.de/test. Ich bekomme es aber einfach nicht hin, dass das letzte graue Element (es heißt "greybottom") unterhalb der gelben Container am unteren Rand erscheint.

Hat hier jemand eine Idee?

Danke,
Christopher

Code:
<html><head><title>CSS-Test</title>
<style type="text/css">
<!--
body {
		font-family: 'Georgia', serif;
		font-size:12pt;
		}

h1 {font-size:16pt;color:#000080;margin-bottom:5px; margin-top:5px;}

#breakingnews { 
		position:relative;
		width:auto;
		background-color:#FF0000; 
		color:#FFFFFF;
		font-family: 'Arial', sans-serif;
		font-size:18pt;
		padding-left: 5px;
		padding-right: 5px;
		padding-top: 5px;
		padding-bottom: 5px;
		margin-top:90px;
		margin-left:160px;
		margin-right:160px;
		margin-bottom:0px;
		z-index:3;
		}

#dummybox { 
		position:relative;
		width:auto;
		margin-top:90px;
		margin-left:160px;
		margin-right:160px;
		z-index:3;
		}
#box1 { 
		position:absolute;
		left:0px;
		top:0px;
		width:100%;
		height:65px;
		background-image:url(homepage_r1_c1_r1_c9.jpg); 
		background-repeat:repeat-x;
		}

#greytop { 
		position:absolute;
		left:0px;
		top:65px;
		height:25px; 
		width:100%; 
		background-image:url(homepage_r1_c1_r2_c9.jpg); 
		background-repeat:repeat-x;
		}

#greybottom { 
		position:relative;
		height:25px; 
		width:100%; 
		left:0px;
		background-image:url(homepage_r1_c1_r2_c9.jpg); 
		background-repeat:repeat-x;
		
		}

#menutext { padding-top:5px; padding-left:28px; font:bold 12pt Garamond; color:white; }
#menuleft {		 
				position:absolute;
				top:95px;
				left:5px;
				width:150px; 
				background-color:yellow; 
				border-width:1px;
				border-color:black;
				border-style:solid;
				padding-left: 5px;
				padding-right: 5px;
				padding-top: 5px;
				padding-bottom: 5px;
				
				
				}

#menuright {	 
				position:absolute;
				top:95px;
				right:5px;
				width:150px;  
				background-color:yellow; 
				border-width:1px;
				border-color:black;
				border-style:solid;
				padding-left: 5px;
				padding-right: 5px;
				padding-top: 5px;
				padding-bottom: 5px;
				}



#menumiddle{	
				position:relative;
				width:auto;
				height:auto;
				min-width:120px;
				margin-left:160px;
				margin-right:160px;
				margin-bottom:0px;
				padding:5px;
				background-color:white; 
				z-index:3;
				}



-->
</style>
</head><body bgcolor="FFFFFF" text="#000000">
<div id="box1">[img]homepage_r1_c1.jpg[/img]</div>
<div id="greytop"><div id="menutext">Hier stehen nun die Links zu den anderen Seiten drin.</div></div>


<div id="dummybox"></div>


<div id="menumiddle">
<h1>Willkommen auf meiner neuen Homepage.</h1>
MITTE MITTE MITTE Dies hier ist nur ein Test. Dies hier ist nur ein Test.Dies hier ist nur ein Test.Dies hier ist nur ein Test.Dies hier ist nur ein Test.Dies hier ist nur ein Test.Dies hier ist nur ein Test.Dies hier ist nur ein Test.Dies hier ist nur ein Test.Dies hier ist nur ein Test.Dies hier ist nur ein Test.Dies hier ist nur ein Test.Dies hier ist nur ein Test.Dies hier ist nur ein Test.Dies hier ist nur ein Test.Dies hier ist nur ein Test.Dies hier ist nur ein Test.Dies hier ist nur ein Test.Dies hier ist nur ein Test.Dies hier ist nur ein Test.Dies hier ist nur ein Test.Dies hier ist nur ein Test.Dies hier ist nur ein Test.Dies hier ist nur ein Test.Dies hier ist nur ein Test.Dies hier ist nur ein Test.Dies hier ist nur ein Test.Dies hier ist nur ein Test.Dies hier ist nur ein Test.Dies hier ist nur ein Test.Dies hier ist nur ein Test.Dies hier ist nur ein Test.Dies hier ist nur ein Test.Dies hier ist nur ein Test.Dies hier ist nur ein Test.Dies hier ist nur ein Test.</div>

<div id="menumiddle">
<h1>Willkommen auf meiner neuen Homepage.</h1>
MITTE MITTE MITTE
Dies hier ist nur ein Test. Dies hier ist nur ein Test.Dies hier ist nur ein Test.Dies hier ist nur ein Test.Dies hier ist nur ein Test.Dies hier ist nur ein Test.Dies hier ist nur ein Test.Dies hier ist nur ein Test.Dies hier ist nur ein Test.Dies hier ist nur ein Test.Dies hier ist nur ein Test.Dies hier ist nur ein Test.Dies hier ist nur ein Test.Dies hier ist nur ein Test.Dies hier ist nur ein Test.Dies hier ist nur ein Test.Dies hier ist nur ein Test.Dies hier ist nur ein Test.Dies hier ist nur ein Test.Dies hier ist nur ein Test.Dies hier ist nur ein Test.Dies hier ist nur ein Test.Dies hier ist nur ein Test.Dies hier ist nur ein Test.Dies hier ist nur ein Test.Dies hier ist nur ein Test.Dies hier ist nur ein Test.Dies hier ist nur ein Test.Dies hier ist nur ein Test.Dies hier ist nur ein Test.Dies hier ist nur ein Test.Dies hier ist nur ein Test.Dies hier ist nur ein Test.Dies hier ist nur ein Test.Dies hier ist nur ein Test.Dies hier ist nur ein Test</div>






<div id="menuleft">LEFT LEFT LEFT Dies hier ist nur ein Test. Dies hier ist nur ein Test.Dies hier ist nur ein Test.Dies hier ist nur ein Test.Dies hier ist nur ein Test.Dies hier ist nur ein Test.Dies hier ist nur ein Test.Dies hier ist nur ein Test.Dies hier ist nur ein Test.Dies hier ist nur ein Test.Dies hier ist nur ein Test.Dies hier ist nur ein Test.Dies hier ist nur ein Test.Dies hier ist nur ein Test.Dies hier ist nur ein Test.Dies hier ist nur ein Test.Dies hier ist nur ein Test.Dies hier ist nur ein Test.Dies hier ist nur ein Test.Dies hier ist nur ein Test.Dies hier ist nur ein Test.Dies hier ist nur ein Test.Dies hier ist nur ein Test.Dies hier ist nur ein Test.Dies hier ist nur ein Test.Dies hier ist nur ein Test.Dies hier ist nur ein Test.Dies hier ist nur ein Test.Dies hier ist nur ein Test.Dies hier ist nur ein Test.Dies hier ist nur ein Test.Dies hier ist nur ein Test.Dies hier ist nur ein Test.Dies hier ist nur ein Test.Dies hier ist nur ein Test.Dies hier ist nur ein Test </div>


<div id="menuright">RIGHT RIGHT RIGHT Dies hier ist nur ein Test. Dies hier ist nur ein Test.Dies hier ist nur ein Test.Dies hier ist nur ein Test.Dies hier ist nur ein Test.Dies hier ist nur ein Test.Dies hier ist nur ein Test.Dies hier ist nur ein Test.Dies hier ist nur ein Test.Dies hier ist nur ein Test.Dies hier ist nur ein Test.Dies hier ist nur ein Test.Dies hier ist nur ein Test.Dies hier ist nur ein Test.Dies hier ist nur ein Test.Dies hier ist nur ein Test.Dies hier ist nur ein Test.Dies hier ist nur ein Test.Dies hier ist nur ein Test.Dies hier ist nur ein Test.Dies hier ist nur ein Test.Dies hier ist nur ein Test.Dies hier ist nur ein Test.Dies hier ist nur ein Test.Dies hier ist nur ein Test.Dies hier ist nur ein Test.Dies hier ist nur ein Test.Dies hier ist nur ein Test.Dies hier ist nur ein Test.Dies hier ist nur ein Test.Dies hier ist nur ein Test.Dies hier ist nur ein Test.Dies hier ist nur ein Test.Dies hier ist nur ein Test.Dies hier ist nur ein Test.Dies hier ist nur ein Test</div>

<div id="greybottom"><div id="menutext">&copy; 2005 Copyright</div></div>









</body></html>
Mit Zitat antworten
Sponsored Links
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
Seite aus iFrame raushalten: klappt nicht in FF und Chrome Kangooroo (X)HTML 6 29.04.2010 11:29
Footer am Ende der Seite killerkonner CSS 15 11.04.2010 18:59
Probleme mit dem Layout: divanordnung Muckel CSS 8 29.06.2008 12:28
Verhindern dass FF beim Druck die Seite Zerstückelt/verteilt cre-aid CSS 0 18.04.2008 11:23
Div bis zum Ende der Seite / Double Fehler! ONeill CSS 6 03.07.2006 15:44


Alle Zeitangaben in WEZ +2. Es ist jetzt 11:00 Uhr.