Einzelnen Beitrag anzeigen
  #4 (permalink)  
Alt 31.12.2005, 17:49
Benutzerbild von E|H
E|H E|H ist offline
body:hover{display:none;}
XHTMLforum-Kenner
Thread-Ersteller
 
Registriert seit: 27.01.2005
Beiträge: 1.326
E|H befindet sich auf einem aufstrebenden Ast
Standard

Mein Code ist ja erstmal egal.

Mir geht es darum, daß ich bei footerstickalt einfach die Liste auf der rechten Seite, also das Menü, verlängert hab’. Die Liste ragte dann unten raus.

Und wenn ich den footer nicht absolut positioniere, hat sich das erledigt, oder wie? Dann klebt er doch aber nicht immer ganz unten, oder?

EDIT: Ich seh’ grad, der footer ist bei footerstickalt relativ positioniert.

Code:

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>

<title>Home</title>

<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<meta name="author" content="The Man in Blue" />
<meta name="robots" content="all" />
<meta name="MSSmartTagsPreventParsing" content="true" />
<meta name="description" content="" />
<meta name="keywords" content="" />

<style type="text/css" media="all">
	@import "css/main.css";
	@import "css/product_features.css";
	/* The CSS that's required to position the footer */

	html
	{
		height: 100%;
	}

	body
	{
		height: 100%;
	}

	#nonFooter
	{
		position: relative;
		min-height: 100%;
	}

	* html #nonFooter
	{
		height: 100%;
	}

	#footer
	{
		position: relative;
		margin: -7.5em auto 0 auto;
	}

	/* A CSS hack that only applies to IE -- specifies a different height for the footer */

	* html #footer
	{
		margin-top: -7.4em;
	}
</style>
</head>
<body>
	<p class="hidden">Skip to content</p>

	<div id="page">
		<div id="nonFooter">
			<div id="header">
				<p id="logo">

					<a href="#">
						<span class="linkText">XXXX</span>
					</a>
				</p>

				

			</div> 

			<div id="content">
				<div id="contentMain">
					<h1>Product X</h1>
					


						Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi lacus felis, euismod at, pulvinar sit amet, dapibus eu, eros. Etiam tellus. Nam vestibulum porttitor urna. Phasellus aliquet pretium quam. Proin pharetra, wisi nec tristique accumsan, magna sapien pulvinar purus, vel hendrerit ipsum tellus at ante.
					</p>
				</div> 

				<div id="contentSub">
					<ul id="quickLinks">
						<li class="first on">
							<span>Feature</span> tour
						
						[*]
							<span>Try</span> a demo

						
						[*]
							<span>Buy</span> online
						
						[*]
							<span>Buy</span> online
						
						[*]
							<span>Buy</span> online
						
						[*]
							<span>Buy</span> online
						
						[*]
							<span>Buy</span> online
						
						[*]
							<span>Buy</span> online
						
						[*]
							<span>Buy</span> online
						
						[*]
							<span>Buy</span> online
						
						[*]
							<span>Buy</span> online
						
						[*]
							<span>Buy</span> online
						
						[*]
							<span>Buy</span> online
						
						[*]
							<span>Buy</span> online
						
						[*]
							<span>Buy</span> online
						
						[*]
							<span>Buy</span> online
						
						[*]
							<span>Buy</span> online
						
						[*]
							<span>Buy</span> online
						
						[*]
							<span>Buy</span> online
						
						[*]
							<span>Buy</span> online
						
					[/list]				</div>

				<div class="clearer"></div>
			</div> 
		</div> 
	</div> 

	<div id="footer">
		<ul id="bottomLinks">
			<li class="first">

				Support
			
			[*]
				Employment
			
			[*]
				Contact Us

			
		[/list]
		

&copy; 2005 XXXX. All rights reserved.</p>

	</div> 

</body>
</html>
Das ist meine Vereinfachung von footerstickalt, aber immer noch ordentliche div-Suppe.
Mit Zitat antworten