Versuche mich gerade an einer Seite die aus 3 Spalten besteht. links und rechts sollen die Spalten mit einer Hintergrundgrafik versehen sein, der Mittelteil, wo der Text stehen soll sollte Scrollbar sein und eine feste % Höhe wenn das möglich ist?!
Hab nu schon ein wenig gegoogelt aber irgendwie werd ich daraus nicht schlau bisher und das was ich probiert habe hat nur dazu geführt daß das Hintergrundbild in die Mitte verrutscht war.
Hier mal der Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Unbenanntes Dokument</title>
<style type="text/css">
body {
margin: 0px ;
padding: 0px;
background-color: #0080c0;
}
#links {
float: left;
width: 17%;
height: 800px;
background-color: #ffcc00;
}
#rechts {
float: right;
width: 17%;
height: 800px;
background-color: #ffcc00;
}
#inhalt {
float: left;
width: 62%;
margin: 7% 2%;
background-color: #ffffc6;
}
p.back {
clear: both;
text-align: center;
}
</style>
<body>
<div id="links">Hintergrundbild</div>
<div id="inhalt">Dieser Teil soll scrollbar sein und eine % Höhe haben!</div>
<div id="rechts">Hintergrundbild</div>
<p class="back"></p>
</body>
Hoffe mir kann jemand nen Tip geben
Gruß Cali
