kim Newcomer
Angemeldet: 24.11.2005 Beitrge: 9
|
Verfasst am: 19.01.2007, 12:14 Titel:
CSS Position Problem |
|
|
|
|
Hi. Also ich habe folgendes Problem beim Coden einer Page, hier erstmal der Quelltext:
Code: |
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="author" content="Kim Jan Lim" />
<meta name="designer" content="Kim Jan Lim" />
<meta name="distribution" content="global" />
<meta name="keywords" content="Hausausbau,Markisen,Haustren,Rollden,Fenster,Heuer" />
<meta name="language" content="de,en" />
<meta name="publisher" content="Heuer und Co" />
<meta name="robots" content="index,follow" />
<title>Heuer & Co Hausausbau GmbH - Rolläden - Markisen - Haustüren - Fenster</title>
<link rel="stylesheet" type="text/css" href="css/basic.css" />
</head>
<body>
<div id="head">
<img src="images/logo.gif" alt="Heuer und Co" />
</div>
<div id="navi">
<ul>
<li><a href="#">Aktuelles</a></li>
<li><a href="#">Produkte</a></li>
<li><a href="#">Servies</a></li>
<li><a href="#">Jobs</a></li>
<li><a href="#">Kontakt</a></li>
<li><a href="#">Impressum</a></li>
</ul>
</div>
<div id="maintop"></div>
<div id="main"></div>
<div id="footer"><p>© 1971-2007 Heuer und Co. Hausausbau GmbH |
<ul>
<li><a href="#">Impressum</a></li>
<li><a href="#">Disclaimer</a></li>
</ul></p>
</div>
</body>
</html>
|
Code: |
* {
margin : 0;
float : left;
}
/* ---( body )------------------------------------ */
body {
padding : 0;
height : 100%;
width : 100%;
font-family : verdana, sans-serif;
text-align : left;
font-size : x-small;
line-height : 1.5em;
background : #2e3235;
}
html > body { /* - be nice to opera - */
font-size : small;
}
/* ---( mainhead )------------------------------------ */
div#head {
margin-top : 0px;
margin-left : 100px;
padding : 0;
position : absolute;
height : 120px;
z-index : 998;
}
/* ---( navigation )------------------------------------ */
div#navi {
margin-top : 73px;
margin-left : 280px;
padding : 0;
position : absolute;
height : 26px;
background : #2e3235;
z-index : 999;
}
#navi ul {
display : inline;
list-style : none;
padding : 0;
margin : 3px 1px 0px 1px;
text-align : left;
}
#navi li {
list-style : none;
display : inline;
margin-top : -2px;
margin-right : 1px;
}
#navi li a {
padding : 2px 10px 2px 10px;
font-size : 11px;
text-decoration : none;
color : #000;
background : #ccc;
}
#navi li a:hover {
padding : 2px 10px 2px 10px;
background : #ff9900;
}
#navi li a.aktiv {
padding : 2px 10px 2px 10px;
color : #fff;
background : #ff9900;
cursor : default;
}
/* ---( maindiv )------------------------------------ */
div#maintop {
text-align : left;
border-bottom : 3px solid #969799;
color : #fff;
background-color : #444d54;
font-size : 12px;
position : absolute;
height : 19px;
width : 80%;
margin-top : 110px;
margin-left : 111px;
}
div#main {
text-align : left;
color : #000;
background-color : #ccc;
font-size : 12px;
position : absolute;
height : 80%;
width : 80%;
margin-top : 133px;
margin-left : 111px;
}
/* ---( footer )------------------------------------ */
div#footer {
color : #000;
background-color : #ccc;
border-bottom : 5px solid #969799;
float : left;
width : 80%;
position : absolute;
margin-left : 111px;
bottom : 0;
}
#footer p {
font-size : 11px;
text-align : center;
color : #000
}
div#footer a {
color : #000;
text-decoration : none;
}
div#footer a:hover {
color : #ff9900;
text-decoration : none;
}
|
Mein Problem besteht nun aus folgendem: Der Footer soll direkt unter dem Content/Main angezeigt werden und nicht direkt unten am Browserende .. ich wei ehrlich gesagt nicht wie ich das dort Positonieren soll das sich das auch nicht ber den Content schiebt sobald das Fenster in der Hhe verndert. Ich verzeifel echt grade seit 2 Stunden hier und komme nicht weiter ... hinzu kommt noch das die Links/Schrift im Footer zentriert sein soll .. und die Links werden im IE mit Punkten davor dargestellt was auch nicht sein soll.
Ich hoffe es ist verstndlich genug beschrieben und ihr wisst was ich meine ... bei unklarheiten einfach nachfragen ich verusche dann es verstndlicher zu machen Aber sollte verstndlich sein.
PS: Solltet ihr noch unfeinheiten im Code finden wre ich euch sehr dankbar diese auch mir zu Melden
Mit freundlichen Gren
kim |
|
AEQUITAS Mitglied
Angemeldet: 16.08.2005 Beitrge: 513 Wohnort: Kln Interessen: Freundin, Parties, Webdesign, eSport, Tischtennis, Laufen
|
Verfasst am: 19.01.2007, 13:02 Titel:
|
|
|
|
|
du gibst da ne hhe fr den content an, 80%, da ist es kein wunder, dass der footer unten angezeigt wird und beim scrollen verschlingt wird, lass die hhenangabe einfach weg und fertig!
warum du beim footer float:left; und position:absolute; schreibst, ist mir schleierhaft .. du wolltest den doch da drunter haben, also kann das float weg und position:relative; oder sonst was, kannst auch weg lassen |
|