Datenschutzerklärung

Verlängerung von Divs

Validome - Forum

Startseite Validome
RSS 2.0  
Sie sind nicht angemeldet. Atom 1.0  
Forum Home / HTML und XHTML-Forum /

Verlängerung von Divs

  Beitrag schreiben
Autor
Beitrag Seiten: 1
xpfreund
Gast



Was muss ich an diesem Code noch konkret ändern,dass die Hintergrundfarbe des Menüs bis zum Ende des mittleren divs geht und sollte der div "mitte" weniger als die Seite ausfüllen,der linke und der mittlere entsprechend mit ihrer Hintergrundfarbe auf das gesamte Browserfenster vergrößert werden. Das Menü ist als Liste im linken Div eingefügt.

#links {
    width: 13em;
    float: left;
    color: #00FF00;
    background-color: black;

}
    }

#mitte {
    width: 80%;
    float:left;
    background-color: green;
    min-width: 200em
    }

li
  {
  color: blue;
font-size: xx-large;
}
#banner {
    height: 80px;
    color: blue;
    background-color: yellow;
}

br {
color: red;
background-color:green;
}

#root  {
background-color: blue;
height: 100%
width: 100%
}

      }
<?php
    error_reporting(E_ALL);
    include "config.php"; // die Konfigurationsdateien lesen.

    echo "<!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Strict//EN\"\n";
    echo "         \"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd\">\n";
    echo "<html>\n";
    echo "    <head>\n";
    echo "        <title>Internetseite</title>\n";
    echo "        <link rel=\"stylesheet\" type=\"text/css\" href=\"page.css\" />\n";
    echo "        <meta http-equiv=\"Content-Type\"
                        content=\"text/html; charset=ISO-8859-1\" />\n";
    echo "    </head>\n";
    echo "    <body>\n";

    echo "        <div id=\"root\">\n"; // ganz oberer Div-Holder
    echo "        <div id=\"banner\">\n"; // banner
    include "banner.php";
    echo "            </div>\n";
    echo "            <div id=\"links\">\n"; // linkes Menu
    include "menu.php";
    echo "            </div>\n";
    echo "            <div id=\"mitte\">\n"; // In der Mitte der Inhalt
    include "inhalt.php";
    echo "            </div>\n";
    echo "            <br style=\"clear:both;\" />\n"; // css-float beenden
    echo "            </div>\n";

    echo "    </body>\n";
    echo "</html>\n";
    ?>


07.02.2007 15:28:34
  Zitieren
dkdenz
Administrator

Ort: Lübeck
Registriert: 25.04.2005
Beiträge: 605
Biete uns das doch bitte Online an.
Es ist echt zu mühselig das zusammenzufrickeln...


_______________________________________
Mozilla/5.0 (X11; U; Linux i686; de; rv:1.8.0.14eol) Gecko/20080418 Ubuntu/dapper-security Firefox/1.5.0.12eol

07.02.2007 16:47:33
http://dkmd.de | http://dkdenz.de Zitieren
xpfreund
Mitglied

Ort: Senftenberg
Registriert: 07.02.2007
Beiträge: 9
Kann ich nicht,kein Server zur Verfügung. Allerdings kann ich ihn kürzen auf ungefähr so:
page.css
#links {
    width: 13em;
    float: left;
    color: #00FF00;
    background-color: black;

}
    }

#mitte {
    width: 80%;
    float:left;
    background-color: green;
    min-width: 200em
    }

li
  {
  color: blue;
font-size: xx-large;
}
#banner {
    height: 80px;
    color: blue;
    background-color: yellow;
}

br {
color: red;
background-color:green;
}

#root  {
background-color: blue;
height: 100%
width: 100%
}

      }

index.php
<?php
    error_reporting(E_ALL);
    include "config.php"; // die Konfigurationsdateien lesen.

    echo "<!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Strict//EN\"\n";
    echo "         \"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd\">\n";
    echo "<html>\n";
    echo "    <head>\n";
    echo "        <title>Internetseite</title>\n";
    echo "        <link rel=\"stylesheet\" type=\"text/css\" href=\"page.css\" />\n";
    echo "        <meta http-equiv=\"Content-Type\"
                        content=\"text/html; charset=ISO-8859-1\" />\n";
    echo "    </head>\n";
    echo "    <body>\n";

    echo "        <div id=\"root\">\n"; // ganz oberer Div-Holder
    echo "        <div id=\"banner\">\n"; // banner
    echo "            <br>\n";
    echo "            </div>\n";
    echo "            <div id=\"links\">\n"; // linkes Menu
    echo "<ul>\n";
    echo "<li><a href="index.php">Willkommen</a></li>\n";
    echo "<br>\n";
    echo "<br>\n";
    echo "<br>\n";
    echo "<br>\n";
    echo "<li><a href="index.php?section=rechts1">Seite 1</a></li>\n";
    echo "<br>\n";
    echo "<br>\n";
    echo "<br>\n";
    echo "<br>\n";
    echo "<li><a href="index.php?section=rechts2">Seite 2</a></li>\n";

echo "</ul>\n";
    echo "            </div>\n";
    echo "            <div id=\"mitte\">\n"; // In der Mitte der Inhalt
    echo "            <h1>Willkommen</h1>\n";
    echo "            <div id=verweis>\n";
    echo "            <p>Wählen Sie links einen Verweis aus!</p>\n";
    echo "            </div>\n";
    echo "            </div>\n";
    echo "            <br style=\"clear:both;\" />\n"; // css-float beenden
    echo "            </div>\n";

    echo "    </body>\n";
    echo "</html>\n";
    ?>


_______________________________________
Senftenberg am See
Nur zu empfehlen: http://www.senftenberg.de

08.02.2007 09:05:32
eMail Zitieren
Seiten: 1   Beitrag schreiben
Wechsel zu

Die letzten Beiträge aus diesen Forum

Valid HTML 4.01