cocolicious
Neues Mitglied
Hallo =)
Ich bin mir nicht 100%ig sicher ob mein Problem in diese Kategorie gehört, aber ich versuch es trotzdem mal.
Seit einiger Zeit benutze ich ein PHP-Layout für meine Homepage, das auf einem Mustercode einer Freundin basiert:
Header.php
Footer.php
Navi.php
Index.php
CSS
So weit so gut...
Mein Problem hierbei ist jedoch folgendes: Im oben gezeigten Beispiel ist der "Footer" nur unter dem Content. Ich will aber nun einen Footer, den ich über die ganze Länge unten anhängen kann, um mein Layout optisch schön zu beenden.
Der Footer soll dabei immer ganz unten angehängt werden und nicht fix am unteren Bildschirmrand kleben. (Ich hoffe, man versteht was ich meine^^)
Aber was genau muss ich dafür tun?
Ich hab's mit einem neuen div versucht, den ich dann ans untere Ende gehängt hab. Das Problem hierbei war dann aber, dass das Bild, das eigentlich nach unten gehört, sich unter das "Mainbild" hängte und somit in der Mitte der Seite schwebte...
Ich vermute, dass ich einfach etwas übersehen habe oder vielleicht an temporärer Dummheit leide. Für jeden konkreten Lösungsvorschlag wäre ich sehr dankbar, alleine bekomm ich's einfach nicht gebacken =(
Ich bin mir nicht 100%ig sicher ob mein Problem in diese Kategorie gehört, aber ich versuch es trotzdem mal.
Seit einiger Zeit benutze ich ein PHP-Layout für meine Homepage, das auf einem Mustercode einer Freundin basiert:
Header.php
Code:
<html>
<head>
<title>... d e i n t i t e l ...</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body background="[URL]http://URL_FÜR_ENDLESSLINIE.jpg[/URL]">
<div style="position: absolute; left:0; top:0;">
<IMG SRC="[URL]http://URL_FÜR_MAINLAYHEADER.jpg[/URL]" WIDTH=1002 HEIGHT=768 border="0" />
<div align="justify"
style="solid; background:;
border-collapse: collapse;
overflow:auto;
position:absolute;
width: 150;
left: 450;
top: 10;">
<?PHP
include("navi.php");
?>
</div>
<div align="justify"
style="solid;
background:transparent;
border-collapse: collapse;
overflow:auto;
border: 0px #FFFFFF solid;
position:absolute;
width: 400;
left: 10;
top: 10;">Footer.php
Code:
HIER KANNST DU NOCH IRGENDWAS HINSCHREIBEN, DASS DANN LETZENDLICH UNTER DEINEM CONTENT IST.
WIE Z.B. COPYRIGHT, COUNTER ODER SO....
</body></html>Navi.php
Code:
<div class="box">
<p class="titel">Main</p>
<a class="navi" href="[URL]http://myblog.de">Refresh</a[/URL]>
<a class="navi" href="[URL]http://myblog.de">Webmiss</a[/URL]>
<a class="navi" href="[URL]http://myblog.de">Domain</a[/URL]>
<a class="navi" href="[URL]http://myblog.de">Goodies</a[/URL]>
<a class="navi" href="[URL]http://myblog.de">The[/URL] Exit</a>
</div>
</br>Index.php
Code:
<?PHP
include("header.php");
?>
DEIN TEXT UND HALT ALLES WAS SO AUF DEINER HOMEPAGE STEHEN SOLL =)
<?PHP
include("footer.php");
?>CSS
Code:
body, td {
scrollbar-darkshadow-color: #000000;
scrollbar-track-color: #191919;
scrollbar-face-color: #191919;
scrollbar-shadow-color: #0c0c0c;
scrollbar-3dlight-color: #3c3c3c;
scrollbar-highlight-color: #2c2c2c;
scrollbar-arrow-color: #515151;
font-family: verdana;
font-Size: 8pt;
Color: #606060;}
i {
color: #ff62ac;
font-Size: 9px;}
u {
color: #a5a5a5;
letter-spacing:0px;
font-Size: 9px;}
s {
color: #f7d2ff;
font-Size: 9px;}
b {
color: #df1167;
font-Size: 9px;
font-weight: bold;}
textarea {
color: #a6a6a6;;
font-size: 8pt;
background-color: #151515;
font-family: Verdana;
border:1px dotted #595959;
width: 180px;
height: 50px;}
.inhaltetable{
width: WEITE DES CONTENTS;}
.box {
width:XXX,
margin-left: 2px;
border:1px dotted #373737;
background-image:url('images/backgroundbox.jpg');}
.titel {
font-family: Verdana;
text-align: center;
font-weight: normal;
FONT-SIZE: 10pt;
Color: #606060;
border-bottom: 1px dotted #000000;
margin-right: 2px;
margin: 1px;}
a.navi:link, a.navi:visited, a.navi:active {
display: block;
color: #df1167;
font-family: verdana;
padding-left: 4px;
font-size: 7pt;
line-height: 13px;
font-weight: bold;
background-color: #202020;
border-left: 5px solid #515151;
border-bottom: 1px solid #313131;
text-align: left;
margin: 1px;}
a.navi:hover {
display: block;
color: #a4a4a4;
font-family: Verdana;
padding-left: 4px;
font-size: 7pt;
line-height: 13px;
background-color: #202020;
border-left: 5px solid #df1167;
border-right: 5px solid #ad1665;
border-bottom: 1px dotted #9c9c9c;
text-align: left;
margin: 1px;}
A:link {
font-size:8pt;
COLOR: #787878;
font-family: Verdana;
TEXT-DECORATION: none}
A:visited {
font-size:8pt;
COLOR: #787878;
font-family: Verdana;
TEXT-DECORATION: none}
A:hover {
font-size:8pt;
COLOR: #b41869;
font-family: Verdana;
TEXT-DECORATION: none}So weit so gut...
Mein Problem hierbei ist jedoch folgendes: Im oben gezeigten Beispiel ist der "Footer" nur unter dem Content. Ich will aber nun einen Footer, den ich über die ganze Länge unten anhängen kann, um mein Layout optisch schön zu beenden.
Der Footer soll dabei immer ganz unten angehängt werden und nicht fix am unteren Bildschirmrand kleben. (Ich hoffe, man versteht was ich meine^^)
Aber was genau muss ich dafür tun?
Ich hab's mit einem neuen div versucht, den ich dann ans untere Ende gehängt hab. Das Problem hierbei war dann aber, dass das Bild, das eigentlich nach unten gehört, sich unter das "Mainbild" hängte und somit in der Mitte der Seite schwebte...
Ich vermute, dass ich einfach etwas übersehen habe oder vielleicht an temporärer Dummheit leide. Für jeden konkreten Lösungsvorschlag wäre ich sehr dankbar, alleine bekomm ich's einfach nicht gebacken =(
