• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

[Problem]position:fixed

Status
Für weitere Antworten geschlossen.
D

der_robert

Neues Mitglied
Hallo,

ich michte bei meiner seite das menü mitscrollen lassen, wenn ich eine neue seite erstelle mit folgendem inhalt:



[das Layer für menü]

HTML: 
<div id="Layer1">
hier kommt das menü rein<br>
hier kommt das menü rein<br>
hier kommt das menü rein<br>
hier kommt das menü rein<br>
hier kommt das menü rein<br>
hier kommt das menü rein<br>
hier kommt das menü rein<br>
</div>

[die css einstellungen dafür]

HTML: 
<style type="text/css">
<!--
#Layer1 {
	position:fixed;
	width:200px;
	height:115px;
	z-index:1;
	margin-left: 200px;
}
-->
</style>

und jede menge "testText" untereinander ( damit die scrolbar vorhanden ist)

das funzt auch soweit (der/das layer scrolt mit)... nur wenn ich den quelltext in mein template einbaue dann scrolt der/das Layer nicht mit sondern bleibt an der position stehen an der es angezeigt wird ...

ich habe in meinem template keine weiteren layer

ich habe auch probier die css einstellungen aus einer css datei zu laden ... funzt nicht ... selbes problem wie oben .. ( andere einstellungen funzen ( direkt im head bereich und auch aus der css datei))
ich hoffe mir kann hier geholfen werden .. bin schon seid fast 2 stunden am probieren..
 
Zuletzt bearbeitet:
position:fixed; bewirkt das dein Layer fest stehen bleibt. Ich bin mit nicht ganz im klaren, wo dein Problem liegt. Wie wäre es denn mal mit deinem kompletten Code?
 
gruenspan schrieb:
position:fixed; bewirkt das dein Layer fest stehen bleibt. QUOTE]

^^ genau das will ich


hier mein kompletter code --->

HTML: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<!-- This Site Was Designed By Wayne D. Fields ( http://illusivedesign.org - http://supremetemplates.com )  -->
<html>
<head>

<meta NAME="description" CONTENT="Your site description here.">
<meta NAME="keywords" CONTENT="Your site keywords here.">
<meta name="revisit-after" content="4days">
<meta name="robots" content="index,follow">

<title>- Supreme Template 2</title>


<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><style type="text/css">
<!--
@import url("style1.css");
body,td,th {
	font-size: 11px;
}
table {
	background-repeat: no-repeat;
}
body {
	background-image: url(header.jpg);
	background-repeat: no-repeat;
	margin-top: 20px;
	background-attachment:fixed;">
}
#Layer1 {
	position:fixed;
	width:200px;
	height:115px;
	z-index:1;
	left: 64px;
	top: 249px;
}
.Layer1 {
	position:fixed;
	width:200px;
	height:115px;
	z-index:1;
	left: 64px;
	top: 249px;
}
-->
</style>

</head>
<body bgcolor="#000000" marginwidth="0" leftmargin="0">
<div id="Layer1" style="position:fixed">cascmasckmascmskacj ascjsa cjksckaskcs c&auml;as ckas&auml;pckas&auml; pc&auml; kaspcok spckaspck cp&auml;s &auml;ckpas kcasp casck</div>
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0"  >
<tr><td align="center" valign="top">


<table width="750" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="0">
<!-- Flash Menu --><!-- Flash Menu --></td>
</tr><tr>
<td width="750" height="100%" colspan="0" valign="top"><img src="images/LogoNightflight1 Kopie.gif" alt="sdfsdf" width="750" height="150"><br>
  <br>
  <table width="750" height="100%" border="0" cellpadding="0" cellspacing="0" >
  <tr>
    <td width="170" valign="top" nowrap><!-- Left Panel -->
        <!-- Box -->
        <table width="170" border="0" cellpadding="0" cellspacing="0">
          <tr>
            <td colspan="2"><img src="images/pan_01.jpg" width="170" height="2"></td>
          </tr>
          <tr>
            <td><img src="images/pan_02.jpg" width="14" height="18"></td>
            <td background="images/pan_03.jpg" width="156" height="18" class="box_title">&nbsp;&nbsp;&nbsp;
                <!-- Title -->
              <!-- Title -->sdfsdfdsfds</td>
          </tr>
          <tr>
            <td colspan="2"><img src="images/pan_04.jpg" width="170" height="10"></td>
          </tr>
          <tr>
            <td width="170" height="144" colspan="2" bgcolor="#a7a7a7" valign="top"><table width="100%" height="100%" border="0" cellpadding="4" cellspacing="0">
              <tr>
                  <td valign="top"><center>
                  </center></td>
              </tr>
            </table></td>
          </tr>
          <tr>
            <td colspan="2"><img src="images/pan_06.jpg" width="170" height="8"></td>
          </tr>
        </table>
</td>
    <td align="center" valign="top">
        <table width="390" border="0" cellpadding="0" cellspacing="0">
          <tr>
            <td><img src="images/conarea_01.jpg" width="30" height="16"></td>
            <td width="360" height="16" class="title"><!-- Title -->
                <!-- Title -->&Uuml;berschrift</td>
          </tr>
          <tr>
            <td colspan="2"><img src="images/conarea_03.jpg" width="390" height="4"></td>
          </tr>
          <tr>
            <td width="390" height="156" colspan="2" bgcolor="#a7a7a7" align="center" valign="top"><table width="100%" height="100%" border="0" cellpadding="4" cellspacing="0">
              <tr>
                  <td valign="top"><p>text<br>
                    <!-- Content -->
                      <!-- Content -->
                  text<br>
                  text<br>
                  text<br>
                  text<br>
                  text<br>
                  text<br>
                  text<br>
                  text<br>
                  text<br>
                  text<br>
                  text<br>
                  text<br>
                  text<br>
                  text<br>
                  text<br>
                  text<br>
                  text<br>
                  text<br>
                  text<br>
                  text<br>
                  text<br>
                  text<br>
                  text<br>
                  text<br>
                  text<br>
                  text<br>
                  text<br>
                  text<br>
                  text<br>
                  text<br>
                  text<br>
                  text<br>
                  text<br>
                  text<br>
                  text<br>
                  text<br>
                  text<br>
                  text<br>
                  text<br>
                  text<br>
                  v
                  </p>
                    </td>
              </tr>
            </table></td>
          </tr>
          <tr>
            <td colspan="2"><img src="images/conarea_05.jpg" width="390" height="6"></td>
          </tr>
        </table>
      <!-- Content Box -->
        <!-- Content Box -->
        <table width="390" border="0" cellpadding="0" cellspacing="0">
          <tr>
            <td><img src="images/conarea_01.jpg" width="30" height="16"></td>
            <td width="360" height="16" class="title"><!-- Title -->
                <!-- Title -->cvbcbc</td>
          </tr>
          <tr>
            <td colspan="2"><img src="images/conarea_03.jpg" width="390" height="4"></td>
          </tr>
          <tr>
            <td width="390" height="156" colspan="2" bgcolor="#a7a7a7" align="center" valign="top"><table width="100%" height="100%" border="0" cellpadding="4" cellspacing="0">
              <tr>
                  <td valign="top"><!-- Content -->
                      <p>    
                    <font class="title">
                      <p>                          </font>
                      <!-- Content --></td>
              </tr>
            </table></td>
          </tr>
          <tr>
            <td colspan="2"><img src="images/conarea_05.jpg" width="390" height="6"></td>
          </tr>
        </table>
      <!-- Content Box --></td>
    <td width="170" valign="top"><!-- Right Panel -->
        <!-- Box -->
        <table width="170" border="0" cellpadding="0" cellspacing="0">
          <tr>
            <td colspan="2"><img src="images/pan_01.jpg" width="170" height="2"></td>
          </tr>
          <tr>
            <td><img src="images/pan_02.jpg" width="14" height="18"></td>
            <td background="images/pan_03.jpg" width="156" height="18" class="box_title">&nbsp;&nbsp;&nbsp;
                <!-- Title -->
              <!-- Title -->asdasdsadsa</td>
          </tr>
          <tr>
            <td colspan="2"><img src="images/pan_04.jpg" width="170" height="10"></td>
          </tr>
          <tr>
            <td width="170" height="144" colspan="2" bgcolor="#a7a7a7" valign="top"><table width="100%" height="100%" border="0" cellpadding="4" cellspacing="0">
              <tr>
                  <td valign="top"><center>
                  </center></td>
              </tr>
            </table></td>
          </tr>
          <tr>
            <td colspan="2"><img src="images/pan_06.jpg" width="170" height="8"></td>
          </tr>
        </table>
      <br>
        <!-- Box -->
        <!-- Box -->
        <table width="170" border="0" cellpadding="0" cellspacing="0">
          <tr>
            <td colspan="2"><img src="images/pan_01.jpg" width="170" height="2"></td>
          </tr>
          <tr>
            <td><img src="images/pan_02.jpg" width="14" height="18"></td>
            <td background="images/pan_03.jpg" width="156" height="18" class="box_title">&nbsp;&nbsp;&nbsp;
                <!-- Title -->
              <!-- Title -->asdasdasdsad</td>
          </tr>
          <tr>
            <td colspan="2"><img src="images/pan_04.jpg" width="170" height="10"></td>
          </tr>
          <tr>
            <td width="170" height="144" colspan="2" bgcolor="#a7a7a7" valign="top"><table width="100%" height="100%" border="0" cellpadding="4" cellspacing="0">
              <tr>
                  <td valign="top"><center>
                  </center>
                      <p></td>
              </tr>
            </table></td>
          </tr>
          <tr>
            <td colspan="2"><img src="images/pan_06.jpg" width="170" height="8"></td>
          </tr>
        </table>
      <!-- Box -->
        <!-- Right Panel --></td>
  </tr>
</table></td>
</tr></table></td>
</tr></table>
</body>
</html>
Zum Vergrößern anklicken....
 
und hier noch meine css datei --->

HTML: 
a:link, a:active, a:visited {
color: #F19C0F;
font-size: 11; 
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;}

a:hover {
color: #ffffff;
font-size: 11;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;}

td {
color: #ffffff;
font-size: 11;
font-weight: normal;
font-family: Arial, Helvetica, sans-serif;} 

form { 
margin-bottom: 0; 
margin-top: 0; 
width: 140px; 
height: 20px; 
background-color: transparent;
font-size: 11px; 
color: #F19C0F; 
font-weight: normal;
font-family: Tahoma, Verdana, Arial, Helvetica;}

.input {
width: 140px; 
height: 20px; 
background-color: transparent;
border-width : 0px;
font-size: 10px; 
color: #F19C0F; 
font-weight: normal;
font-family: Tahoma, Verdana, Arial, Helvetica;}

.input_butt {
width: 60px;
height: 20px;
border: 1px;
border-color: #ffffff;
background-color: #F19C0F;
font-size: 11px;
color: #000000;
font-weight: normal;
font-family: Tahoma, Verdana, Arial, Helvetica;}

.title{
color: #697927;
font-size: 13;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;}

.sub_title{
color: #F19C0F;
font-size: 11;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;}

.box_title{
color: #000000;
font-size: 11;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;}

BODY {
scrollbar-arrow-color: #697927;
scrollbar-track-color: #000000;
scrollbar-face-color: #000000;
scrollbar-shadow-color: #v;
scrollbar-highlight-color: #697927;
scrollbar-darkshadow-color: #000000;
scrollbar-3dlight-color: #000000;
background-color: #000000;
font-size: 11;
font-weight: normal;
color: #575757;
font-family: Arial, Helvetica, sans-serif;}

#Layer1 {
	position:fixed;
	width:200px;
	height:115px;
	z-index:1;
	left: 64px;
	top: 249px;
	background-color:#FF0000;
}
.Layer1 {
	position:fixed;
	width:200px;
	height:115px;
	z-index:1;
	left: 64px;
	top: 249px;
	background-color:#FF0000;
}
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben