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:
HTML:
Das war's erstmal.
Greetz
Sid
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:
Code:
<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:
Code:
<!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
Zuletzt bearbeitet:
