zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > (X)HTML
Seite neu laden Website Konstrukt - Div Container

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 27.06.2010, 16:53
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 27.06.2010
Beiträge: 2
polest befindet sich auf einem aufstrebenden Ast
Ausrufezeichen Website Konstrukt - Div Container

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
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 27.06.2010, 17:41
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 25.07.2009
Ort: Wanne-Eickel
Beiträge: 223
TanjaP. befindet sich auf einem aufstrebenden Ast
Standard

wer floatet, muss auch clearen...
proboier mal ein clear vor dem bottom

Tanja
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 27.06.2010, 18:55
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 27.06.2010
Beiträge: 2
polest befindet sich auf einem aufstrebenden Ast
Standard

hammer! es hat geklappt!
danke, danke, danke für den tipp ^^
wusste vorher nichts über clear
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Schriftfarbe in den Eintragungsfeldern von jforms Steveislucky CSS 2 16.03.2010 11:59
joomla template entschlüsseln nieselfriem CSS 2 18.03.2008 14:12
div container verschachteln blau CSS 2 05.12.2006 20:44
Div Container mit Scrollbalken bei bedarf MTCook CSS 0 15.11.2006 01:39
Div Container initinit CSS 2 11.07.2006 12:43


Alle Zeitangaben in WEZ +2. Es ist jetzt 04:06 Uhr.