XHTMLforum - Einzelnen Beitrag anzeigen - Website Konstrukt

polest · #1 (**permalink**) 27.06.2010, 15:53

Hey leute,

hab seit einier zeit ein problem und zwar möchte ich eine website erstellen und habe mich deshalb erstmal an das aussehen ran gemacht. Ich arbeite mit div containern. Ich habe insgesamt 10 div container und bei 9 containern läuft alles super, nur bei einem container habe ich probleme und trotz mehrerer std bearbeitung konnte ich es nicht schaffen das problem zu beheben. Das problem liegt beim bottom container wo später das copyright rein soll. Der container macht nicht das was ich will, es ist fast so als ob er sich mit anderen containiern verbindet. Ich habe ein bild hochgeladen bei dem zu sehen ist wie ich mir die homepage später vorstelle. Ich hoffe ihr könnt mir helfen. Ich stelle den HTML code, CSS code und das bild hier rein.

Hier der HTML code:

HTML-Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title>Willkommen auf xyz</title>
    <link rel="stylesheet" type="text/css" href="./css/style.css">
    <link rel="shortcut icon" type="image/x-icon" href="/favicon(3).ico">
</head>
<body>

    <div id="all">
    <img src="/oben.jpg" alt="">

        <div id="head">
            <a href="/index.php"><img src="/head.jpg" alt=""></a>
        </div>

        <div id="menu">
             <form name="Formular" action="/main.php" method="POST">
                Account: <input type="text" name="nick" size="12">
                Passwort: <input type="password" name="password" size="12">
                <input type="button" value="Login">
            </form>
        </div>

        <div id="haupt">

            <div id="left">
                <a href="/register.php"><img src="/news.jpg" alt=""></a>
                <a href="/register.php"><img src="/news2.jpg" alt=""></a>
            </div>

            <div id="main">
                haupt<br>
                das<br>
                ist
            </div>

            <div id="right">
                right<br> das<br> ist
            </div>

        </div>

        <div id="bottom">
            - <a href="/impressum.php">Impressum</a> - <a href="/impressum.php">Kontakt</a> -<br>hi<br>hi2<br>hi3<br>
        </div>

    <img src="/unten.jpg" alt="">
    </div>

</body>
</html>

Hier mein CSS code:

Code:

body {
    background-color: #FFFFFF;
    color: #000000;
}


div {
    text-align: left;
}


#all {
    width: 1100px;
    background-color: #FFFFFF;
    float: none;
    padding: 0px;
    background-image:url(/mitte.jpg);
    margin: auto;
}


#head {
    width: 1000px;
    background-color: #FFFFFF;
    float: none;
    padding: 0px;
    margin: auto;
}


#menu {
    width: 1000px;
    background-color: #BEBEBE;
    float: none;
    padding: 0px;
    text-align: right;
    margin: auto;
}

#haupt {
    width: 900px;
    background-color: #BEBEBE;
    border: 100px;
    float: none;
    margin: auto;
}

#left {
    width: 150px;
    background-color: #FFFFFF;
    float: left;
    padding: 0px;
}

#main {
    width: 450px;
    background-color: #708090;
    float: left;
    padding: 10px;
}


#right {
    width: 150px;
    background-color: #BEBEBE;
    float: left;
    padding: 0px;
}

#bottom {
    width: 1000px;
    margin: auto;
    background-color: #000000;
    color: #BEBEBE;
    float: none;
    padding: 0px;
    text-align: center;
    font-size: 12px;
}

img {border: 0px;}

Hier das bild wie ich mir alles vorstelle:

myimg.de - kostenloses Bilderhosting

Ich habe schon sooo viele stunden damit verbracht das problem selbst zu lösen und auch ein paar freunde gefragt aber bis jetzt konnte mir keiner helfen. Wie gesagt: nur der bottom container spinnt rum, alle anderen sind okay. Ich hoffe ich bekomme schnell hilfe.
Danke

MfG

polest