Fjernelse af rulleskakten 2
Der var jeg lidt for hurtig, det virker ikke med overflow:auto, der er stadig en scrollbar hvis indholdsdelen er uden ret meget tekst, så spørgsmålet er åbent igenHejsa
Hvordan fjerner jeg rulleskakten, eller scrolleren i nedenstående eksempel? -Menuerne i siderne, de blå og røde skal være 100 % i højden, men hvorfor h.... kommer der en scroller frem? Jeg kan ikke fjern den????
Her kommer først css filen css.css
body {
background-color:#DFE2E5 ;
font-family:verdana ;
text-indent:0px ;
margin: 0px;
}
#content {
padding-top: 70px;
margin-left:160px;
margin-right:160px;
background-color:#F8F9FB;
height:100%;
}
#title {
position:absolute;
left:0px;
top:0px;
width:100%;
height: 75px;
background-color:orange;
padding-top: 10px;
padding-left: 10px;
}
#rightmenu {
position:absolute;
right:0px;
top:75px;
width:150px;
height:100%;
background-color:blue;
}
#leftmenu {
position:absolute;
left:0px;
top:75px;
width:150px;
background-color:red;
height:100%;
}
og her kommer html filen test.html:
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="da">
<head>
<title>Test til folket.</title>
<link rel="stylesheet" type="text/css" href="css.css">
</head>
<body>
<div id="content">Her er indholdsdelen</div>
<div id="title">topmenuen her</div>
<div id="rightmenu">rightmenuen her</div>
<div id="leftmenu">leftmenuen her</div>
</body>
</html>
