Raschi
Threadersteller
Dabei seit: 19.09.2007
Ort: Hamburg
Alter: 36
Geschlecht: 
|
Verfasst Do 17.01.2008 17:58
Titel Text läuft im IE 7 über footer hinaus |
  |
|
Hallo!
So, neues Problem 
Im FF und im Opera wird meine Seite richtig angezeigt.. nur im IE nicht.. 
Die divs für den content sollen immer schön mitwachsen, wenn es mehr text gibt. tun sie überall nur im ie nicht..
Vielleicht könnt ihr mir ja sagen, woran das liegt.
html
| Code: |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html >
<head>
<title>Blah</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="css/default3.css" />
</head>
<body>
<div id="wrapper">
<div id="shadow-wrap">
<div id="heulwrapper">
<div id="heul-content">
<div id="banner"></div>
<div id="menu">
<div id="navcontainer">
<ul id="navlist">
<li><a href="index.html" onClick="return (false);">Start</a></li>
<li><a href="#">Ausschreibung</a></li>
<li><a href="#">Strecke</a></li>
<li><a href="#">Anmeldung</a></li>
<li><a href="#">Sponsoren</a></li>
<li><a href="#">Presse</a></li>
<li><a href="#">Ergebnisse</a></li>
<li><a href="#">Bilder</a></li>
<li><a class="no-border" href="#">Kontakt</a></li>
</ul>
</div>
</div>
<div id="content">
<div id="linkswrapper">
<div id="content-links"></div>
</div>
<div id="content-rechts">
<h2>Lorem ipsum dolor </ br> sit amet</h2>
<p class="fliesstext">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
<h2>Lorem ipsum dolor</h2>
<p class="fliesstext">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait.
</p>
</div>
</div>
</div>
</div>
<div id="footer">
<div id="bottomnavcontainer">
<ul id="bottomnavlist">
<li><a href="index.html" onClick="return (false);">Impressum</a></li>
<li><a href="#">Kontakt</a></li>
<li><a class="no-border" href="#">Anfahrt</a></li>
</ul>
</div>
</div>
</div>
</div>
</body>
</html>
|
css
| Code: |
* {
padding: 0px;
margin: 0px;
}
body {
font-family: arial, helvetica, sans-serif;
font-size: 11pt;
color: #636363;
}
#wrapper {
width: 926px;
background-color: #fff;
}
#shadow-wrap {
width: 686px;
min-height: 100%;
float: left;
background-position: 680px 0px;
background-repeat: repeat-y;
background-image: url(../bilder/schatten.jpg);
background-color: #fff;
}
#heulwrapper {
width: 680px;
float: left;
}
#heul-content {
width: 680px;
float: left;
height: 100%;
min-height: 100%;
}
#banner {
width: 680px;
height: 128px;
float: left;
background-color: #fff;
}
#content {
width:680px;
height: 593px;
min-height: 593px;
}
#linkswrapper {
width: 227px;
/* min-height: 553px;*/
float: left;
}
#content-links {
width: 227px;
min-height: 520px;
background-color: #fff;
float: left;
}
#content-rechts {
width: 413px;
min-height: 553px;
background-color: #f5f5f5;
float: right;
font-size: 9pt;
padding-top: 40px;
padding-right: 20px;
padding-left: 20px;
}
.fliesstext {
color: #636363;
font-size: 9pt;
padding-bottom: 40px;
}
#footer {
width: 680px;
height: 18px;
background-color: #45494d;
text-align: center;
clear: both;
}
h2 {
color: #2a65aa;
margin-bottom: 20px;
font-size: 17px;
clear: both;
}
|
[img=http://img140.imageshack.us/img140/3422/problemly7.th.jpg]
Zuletzt bearbeitet von Raschi am Do 17.01.2008 18:02, insgesamt 1-mal bearbeitet
|
|
Willkommen auf dem Portal für Mediengestalter
