Problem beim ausrichten von DIV-Containern. II

paddys-party · 28 Juni 2012

Neues Problem.

Mittlerweile hab ich alle Fehler bearbeitet , jedoch haftet die Fußzeile immer noch an den oberen Div-Containern.
Hier weiß ich leider nicht mehr weiter.

Danke im Vorraus.

HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
       "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title>Zumba mit Kerstin</title>
    <link rel="stylesheet" type="text/css" href="CSS.css">
</head>
<body>
    <div id="webseite">
        <div id="head">
            <h1>Willkommen auf ... ZUMBA-MIT-KERSTIN.de</h1>
            <p>Your Zumba, Your fun, Your party ... with Kerstin !</p>
        </div>
        <div id="navi">
        <p><a href="index.html">Home</a> <a href="videos.html">Videos</a> <a href="kerstin.html">Kerstin</a> <a href="zeiten.html">Zeiten</a> <a href="kontakt.html">Kontakt</a> </p>
        </div>
        <div id="main">
            <div id="news">
            <h1><u>NEWS</u></h1>
            <p>ACHTUNG! ACHTUNG! Jetzt endlich online! Die neue Seite von <br />Zumba mit Kerstin ist <br />jetzt endlich da!<br /><br />Hier werden demnächst auch andere News stehen.</p>
            </div>
            <div id="inhalt">
            </div>
            <div id="special">
            <h1><u>SPECIAL</u></h1>
            </div>
        </div>
        <div id="foot">
            <p><a href="impressum.html">Impressum</a> | <a href="https://www.facebook.com/charles.reinemer">Design by Patrick Reinemer</a></p>
    
        </div>
    </div>
</body>
</html>

Code:

body {
background-color:black;
text-align:center;
background-image:url(33.jpg);
background-repeat:no-repeat;
background-size:140%;
}

#webseite {
width:1020px;
margin:0 auto;
}

/* Anfang KOPF */

#head {
width:1020px;
height:150px;
background:#7B399C;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-width:4px;
border-color:black;
border-style:solid;
margin-top:20px;
}


#head p {
font-size:25px;
font-weight:bolder;
font-family:Comic Sans MS,Arial Black;
text-shadow: yellow 0.1em 0.1em 0.2em;
}

#head h1 {
padding-bottom:px;
font-size:40px;
font-weight:bolder;
color:#DF18DF;
font-family:Comic Sans MS;
text-shadow: black 0.1em 0.1em 0.2em;
}

/* ENDE KOPF */

/* Anfang NAVIGATION */

#navi {
width:1020px;
height:50px;
background:#DE84DF;
margin-top:10px;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
-o-border-radius:4px;
border-width:4px;
border-color:black;
border-style:solid;
}

#navi p {
padding-top:px;
text-align:center;
font-family:Comic Sans MS,Arial Black;
font-weight:bolder;
font-size:20px;
vertical-align:middle;
word-spacing:3.3cm;
text-shadow: black 0.1em 0.1em 0.2em
}

/* ENDE NAVIGATION */


#main {
width:1020px;
}

/* Anfang NEWS */

#news {
float:left;
width:200px;
height:300px;
background:#DF18DF;
margin-top:10px;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-width:4px;
border-color:black;
border-style:solid;
}

#news h1 {
font-family:Comic Sans MS;
text-shadow: #444444 0.1em 0.1em 0.2em
}

#news p {
font-family:Comic Sans MS;
color:#0000F5;
}

/* ENDE NEWS */

/* Anfang HAUPTFENSTER */


#inhalt {
float:right;
width:800px;
height:618px;
background:#847BDE;
margin-top:10px;
border-radius:6px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-width:4px;
border-color:black;
border-style:solid;
}

/* ENDE HAUPTFENSTER */

/* Anfang SPECIAL */

#special {
float:left;
width:200px;
height:300px;
background:orange;
margin-top:10px;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-width:4px;
border-color:black;
border-style:solid;
float:
}

#special h1 {
font-family:Comic Sans MS;
text-shadow: #444444 0.1em 0.1em 0.2em
}

/* ENDE SPECIAL */

/* Anfang FUSSLEISTE */

#foot {
width:1020px;
height:30px;
background:#18DEC6;
margin-top:10px;
clear:both;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-width:4px;
border-color:black;
border-style:solid;
}

#foot p {
color:black;
font-family:Comic Sans MS,Arial Black;
font-weight:bolder;
font-size:10px;
vertical-align:middle;
}




/* ENDE FUSSLEISTE */

/* ATTRIBUTE LINK */

a:link { font-weight:bold; color:white; text-decoration:none; }
a:visited { font-weight:bold; color:white; text-decoration:none; }
a:focus { font-weight:bold; color:red; text-decoration:underline; }
a:hover { font-weight:bold; color:black; text-decoration:none; }
a:active { font-weight:bold; color:lime; text-decoration:underline; }

Problem beim ausrichten von DIV-Containern. II

paddys-party

Neues Mitglied

Neueste Beiträge