CSS-Probleme - Mein Sammelthread - ;)

html.de-Forum HTML, XHTML & CSS
1

Hy Community,

Ich hab schon wieder Probleme mit CSS.
Hier erstmal der Link zur Seite: http://people.freenet.de/xpakix/sidv2/html/all/index.html

Probleme:

1.) Wie bekomm ich es hin, dass die einzelnen Container durchgehend bis nach unten an den Footer reichen?? Hab es schon mit min-height versucht, aber das macht der IE6 nicht mit. <— Abgehakt!

2.) IE: Der IE stellt 2 hässliche Lücken bei dem Balken in dem „Navigation, Home und Diverses“ steht dar (etwas genauer hingucken). Siehe Bild (rote Kreise): http://img295.imageshack.us/img295/9797/newbitmapimageld4.jpg

3.) Bei zuvielen Einträgen in den beiden Seitenspalten „Navigation“ und „Diverses“ springt der Inhalt einfach aus dem DIV raus und überlappt alles was unten drunter liegt (z. B. Footer)

4.) Bei zu kleinem Browserfenster wird der komplette Seiteninhalt durcheinander geworfen. Ist das normal?

Die CODES:

CSS:

<style type="text/css">
    <!--
        html
            {
                height: 100%;
                width: 100%;
            }
        body
            {
                background-color: #666666;
                padding: 0px;
                margin: 0px;
                height: 100%;
                width: 100%;
            }
        #container
            {
                background-color: #A2ABB2;
                font-size: 10pt;
                font-family: tahoma, sans-serif;
                margin: 0px;
                width: 100%;
            }
        #leiste
            {
                background-color: #A2ABB2;
                height: 22px;
                font-weight: bold;
                text-align: center;
                background: url("../img/leiste.jpg");
            }
        #banner
            {
                height: 90px;
                background-color: #3F3F3F;
                font-weight: bold;
                width: 100%;
                text-align: center;
            }
        #navi1
            {
                width: 200px;
                float: left;
            }
        #navi2
            {
                width: 200px;
                float: right;
            }
        #content
            {
                margin-left: 200px;
                margin-right: 200px;
            }
        #bglinks
            {
                background: url(../img/sidebg.gif) repeat-y;
            }
        #bgrechts
            {
                background: url(../img/sidebg.gif) repeat-y top right;
            }
    //-->
</style>

HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

    <head>
        
        <title>
            .: Private Homepage von Siddeeq Iqbal :.
        </title>
        
        <link rel="stylesheet" type="text/css" href="../../ext/style.css">
        
    </head>
    
    <body>
    
        <div id="container">
            <div id="bglinks">
            <div id="bgrechts">
            <div id="leiste">
                .: Private Homepage von Siddeeq Iqbal :.
            </div>
            <div id="banner">
                <img src="../../img/banner.jpg" alt="Banner">
            </div>
            <div id="navi1">
                <div id="leiste">
                    .: Navigation :.
                </div>
                <ul id="navigation">
                    <li> .: Link 1 :.</li>
                    <li> .: Link 2 :.</li>
                </ul>
            </div>
            <div id="navi2">
                <div id="leiste">
                    .: Diverses :.
                </div>
                <ul id="diverses">
                    <li> .: Eintrag 1 :.</li>
                    <li> .: Eintrag 2 :.</li>
                    <li> .: Eintrag 2 :.</li>
                </ul>
            </div>
            <div id="content">
                <div id="leiste">
                    .: Home :.
                </div>
                    lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol lol 
            </div>
            <div id="leiste">
                .: http://www.xsidx.de.vu :.
            </div>
            </div>
            </div>
        </div>
    
    </body>

</html>

Das war’s erstmal.

Greetz
Sid

2

Problem 1 ist gelöst.

Problem 2 besteht leider immernoch. Dazu kommen noch 2 neue Probleme. Steht alles im 1. Post (inklusive aktualisierten Codes und hochgeladener Seite).

3

3.) Bei zuvielen Einträgen in den beiden Seitenspalten „Navigation“ und „Diverses“ springt der Inhalt einfach aus dem DIV raus und überlappt alles was unten drunter liegt (z. B. Footer)

Mhm einfach ein overflow:hidden? :slight_smile: Sonst einfach ne feste Breite geben

4.) Bei zu kleinem Browserfenster wird der komplette Seiteninhalt durcheinander geworfen. Ist das normal?

Ja , gleiche Problem wie oben, gib den BEreichen feste Größen und das
nichts verschiebt sich bei zu kleinen Fenstern mehr