Anzeige: united-domains - Die ganze Welt der Domains
Einfache & schnelle Domain-Registrierung zu fairen Preisen ohne Einrichtungsgebühren. Mehr als 250 Domain-Endungen aus einer Hand inklusive E-Mail- & Web-Weiterleitung. Einzigartiges Domain-Portfolio zur bequemen & sicheren Verwaltung Ihrer Domain-Namen.
Jetzt Domain-Check bei united-domains!
Footer in dreispaltiges Layout einfuegen
Autor: joernschulz
Datum: 22.12.2011 12:25:03
Hallo zusammen,
ich habe versucht, in dieses dreispaltige Layout einen Footer zu intergrieren, der sich immer am unteren Rand der Seite befindet:
HTML-Code:
<!DOCTYPE HTML>
<html>
<head>
<title> Fotografie </title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="../Homepage/layout_mit_rahmen.css" rel="stylesheet" type="text/css" media="screen" />
</head>
<body>
<div id="links">
<div id="links_innen">
</div>
</div>
<div id="mitte">
</div>
<div id="rechts">
<div id="rechts_innen"></div>
</div>
<div id="fusszeile">
</div>
</body>
</html>
CSS-Code:
@charset "utf-8";
/* CSS Document */
body {
margin:0;
padding:0;
min-width:760px;
}
p {
padding:20px;
}
#links , #rechts {
width:50%;
}
#links {
float:left;
height: 736px;
background-image: url(Webseite_Layout_mitte_ein_block_01.png);
background-color: #0F0;
background-repeat: repeat-x;
}
#rechts {
float:right;
height: 736px;
background-image: url(Webseite_Layout_mitte_ein_block_03.png);
background-color: #00F;
background-repeat: repeat-x;
}
#links_innen {
margin-right:490px;
}
#recht_innen {
margin-left:490px;
}
#mitte {
position:relative;
margin-left:-490px;
margin-right:-490px;
width:980px;
float:left;
height: 736px;
background-image: url(Webseite_Layout_mitte_ein_block_02.png);
background-repeat: no-repeat;
background-color: #FF0;
}
#fusszeile {
clear:both;
position:fixed;
bottom:0px;
margin-top:0px;
text-align:left;
padding:30px;
background-image: url(Webseite_Layout_mitte_ein_block_04.png);
background-repeat: repeat-x;
background-color: #F00;
padding-left: 20px;
}
}
/* Für IE 6 */
* html #links, * html #rechts {
width:49.9%;
float:left;
}
/* Für IE 7 */
*+ html #links, *+ html #rechts {
width:49.9%;
float:left;
}
</style>
Leider erscheint der Footer (Class fusszeile) nur am linken unteren Eck der Seite als Quadrat und der Inhalt des divs 'Mitte' wird auch nicht unter dem Footer geloescht.
Kann mir bitte jemand einen Tip geben, wie ich das umsetzen muss ?
Vielen Dank und Gruss
Joern
[OT] Multiposting (was: Footer in dreispaltiges Layout einfuegen)
Autor: gaby
Datum: 22.12.2011 13:37:51
Lies bitte den Hinweis, der dir beim Erstellen eines neuen Threads mit rot unterlegter Schrift(!) angezeigt wird!
:-(
(--> siehe XHTMLForum.de)
http://www.selfhtml.de/forum/zeigebeitrag_1_122743_122739_0.php
gaby
(Moderator)
