Roxii
Kurze und schlichte frage:Wie bekomm ich ein Scroll balken im Navigation´s bereich ,damit das Navi elemt nicht übertritt ??
Mein Code
<html>
<head>
<title>%titel%</title>
<style type="text/css">
<!--
body {
position: absolute;
padding: 0;
margin: 0;
top: 0;
left: 0;
background-color:#CC99CC;
scrollbar-face-color: #ffffff;
scrollbar-highlight-color: #ffffff;
scrollbar-3dlight-color: #ffffff;
scrollbar-darkshadow-color: #ffffff;
scrollbar-shadow-color: #ffffff;
scrollbar-arrow-color: #ffffff;
scrollbar-track-color: #ffffff;
background-image: url(http://adresse.de/LetzterStreifen.jpg);
background-repeat: repeat-y;
}
img#design {
position: absolute;
top: 0;
left: 0;
border: none;
}
div.content {
overflow: auto;
position: absolute;
top: 250px;
left: 320px;
width: 650px;
height:400px;
font-family:Times New Roman ;
font-size: 16px;
color: #FFFFFF ;
}
div.newsbox {
overflow: auto;
position: absolute;
top: 140px;
left: 420px;
width: 300px;
height: 100px;
font-family:Times New Roman ;
font-size: 20px;
color: #FFFFFF ;
}
div.navigation {
overflow: visible;
position: absolute;
top: 250px;
left: 140px;
width:60px;
height: 202px;
font-family: Times New Roman;
font-size:20px;
color: #000000 ;
scrollbar-face-color: #ffffff;
scrollbar-highlight-color: #ffffff;
scrollbar-3dlight-color: #ffffff;
scrollbar-darkshadow-color: #ffffff;
scrollbar-shadow-color: #ffffff;
scrollbar-arrow-color: #ffffff;
scrollbar-track-color: #ffffff;
}
a:link {
color: #FFFFFF ;
text-decoration:none;
}
a:visited {
color: #FFFFFF;
text-decoration:none;
}
a:active {
color: #FFFFFF;
text-decoration:none;
}
a:hover {
color: #FFFFFF;
text-decoration:overline underline;
}
-->
</style>
</head>
<body>
<!-- Start Design -->
<img src="http://www.oyla.de/userdaten/486/58709/bilder/000111.png" />
<!-- End Design -->
<!-- Start Content -->
<div class="content">
%content%
</div>
<!-- End Content -->
<!-- Start Newsboxt -->
<div class="newsbox">
Alles im Aufbau.
Die ersten starter sind eingetragen , würde gerne die nächsten eintragen , aber mein Iphone spinnt mal wieder ... *_*
Eröffungsturnier
am 12.06.2010
</div>
<!-- End Content -->
<!-- Start Navigation -->
<div class="navigation">
%navigation_h%
</div>
<!-- End Navigation -->
</body>
<!--
Dies ist der Grundcode von http://www.oylahomepagehilfe.de.
Dieser Hinweis darf ohne Genehmigung von einem Betreiber des Internetabgebotes nicht entfernt werden.
-->
</html>
Mein Code
<html>
<head>
<title>%titel%</title>
<style type="text/css">
<!--
body {
position: absolute;
padding: 0;
margin: 0;
top: 0;
left: 0;
background-color:#CC99CC;
scrollbar-face-color: #ffffff;
scrollbar-highlight-color: #ffffff;
scrollbar-3dlight-color: #ffffff;
scrollbar-darkshadow-color: #ffffff;
scrollbar-shadow-color: #ffffff;
scrollbar-arrow-color: #ffffff;
scrollbar-track-color: #ffffff;
background-image: url(http://adresse.de/LetzterStreifen.jpg);
background-repeat: repeat-y;
}
img#design {
position: absolute;
top: 0;
left: 0;
border: none;
}
div.content {
overflow: auto;
position: absolute;
top: 250px;
left: 320px;
width: 650px;
height:400px;
font-family:Times New Roman ;
font-size: 16px;
color: #FFFFFF ;
}
div.newsbox {
overflow: auto;
position: absolute;
top: 140px;
left: 420px;
width: 300px;
height: 100px;
font-family:Times New Roman ;
font-size: 20px;
color: #FFFFFF ;
}
div.navigation {
overflow: visible;
position: absolute;
top: 250px;
left: 140px;
width:60px;
height: 202px;
font-family: Times New Roman;
font-size:20px;
color: #000000 ;
scrollbar-face-color: #ffffff;
scrollbar-highlight-color: #ffffff;
scrollbar-3dlight-color: #ffffff;
scrollbar-darkshadow-color: #ffffff;
scrollbar-shadow-color: #ffffff;
scrollbar-arrow-color: #ffffff;
scrollbar-track-color: #ffffff;
}
a:link {
color: #FFFFFF ;
text-decoration:none;
}
a:visited {
color: #FFFFFF;
text-decoration:none;
}
a:active {
color: #FFFFFF;
text-decoration:none;
}
a:hover {
color: #FFFFFF;
text-decoration:overline underline;
}
-->
</style>
</head>
<body>
<!-- Start Design -->
<img src="http://www.oyla.de/userdaten/486/58709/bilder/000111.png" />
<!-- End Design -->
<!-- Start Content -->
<div class="content">
%content%
</div>
<!-- End Content -->
<!-- Start Newsboxt -->
<div class="newsbox">
Alles im Aufbau.
Die ersten starter sind eingetragen , würde gerne die nächsten eintragen , aber mein Iphone spinnt mal wieder ... *_*
Eröffungsturnier
am 12.06.2010
</div>
<!-- End Content -->
<!-- Start Navigation -->
<div class="navigation">
%navigation_h%
</div>
<!-- End Navigation -->
</body>
<!--
Dies ist der Grundcode von http://www.oylahomepagehilfe.de.
Dieser Hinweis darf ohne Genehmigung von einem Betreiber des Internetabgebotes nicht entfernt werden.
-->
</html>