Ergebnis 1 bis 4 von 4

Thema: verrutschen der seite um etwas, wie verhindern?

  1. #1
    Teeny
    Registriert seit
    25.05.2007
    Beiträge
    34
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard verrutschen der seite um etwas, wie verhindern?

    hallo, ich habe hier schon mehrmals gepostet aber es ging nicht um dieses problem sondern andere, es tritt ein komisches problem auf, nämlich in IE und AOL wird die seite wenn man von home auf galerie klickt verrutscht...so 3-8 pixel vllt..
    in firefox is das nicht so..
    page: anastasiakreidermann.de/TB
    der code ist der hier:



    Code:
    <html>
    <head>
    <title>The Brushers</title>
    
     
      <style type="text/css">
    body &#123;
    
    background&#58; #caccf8;
    &#125;
    a &#123;
        font-family&#58; Arial, Verdana, Helvetica, sans-serif;
        font-size&#58; 13px;
        font-weight&#58; bold;
        text-decoration&#58; none;
    &#125;
    a&#58;hover &#123;
        font-family&#58; Arial, Verdana, Helvetica, sans-serif;
        font-size&#58; 13px;
        font-weight&#58; bold;
        text-decoration&#58; underline;
    &#125;
    .menu &#123;
        font-family&#58; Arial, Verdana, Helvetica, sans-serif;
        font-size&#58; 13px;
        font-weight&#58; bold;
        text-decoration&#58; none;
    &#125; 
    
    .active &#123;
        font-family&#58; Arial, Verdana, Helvetica, sans-serif;
        font-size&#58; 16px;
        font-weight&#58; bold;
        text-decoration&#58; none;
    &#125;
    h1
    &#123;
    color&#58; #53B1FF;
    margin&#58; 2em 0;
    padding&#58; 0;
    font-size&#58; 2em;
    text-align&#58; left;
    &#125;
    h1 span
    &#123;
    font-size&#58; 1.1em;
    color&#58; #34537c;
    &#125;
    h2
    &#123;
    color&#58; #B3655A;
    margin&#58; 2em 0;
    font-size&#58; 1.2em;
    &#125;
    ul, li &#123;
    margin&#58; 0;
    padding&#58; 0;
    list-style-type&#58; none;
    &#125;
    ul#menue &#123;
    width&#58; 50px;
    align=left;
    margin&#58; 0em 0 0 0;
    margin-left&#58;10px;
    color&#58; #000;
    &#125;
    ul#menue li a &#123;
    margin&#58; 4px 0;
    height&#58; 27px;
    line-height&#58; 27px;
    text-align&#58; left;
    border&#58; 0px solid #666;
    background&#58; transparent;
    display&#58; block;
    color&#58; #000060;
    text-decoration&#58;none;
    &#125;
    ul#menue li a + ul.submenue&#123;
    display&#58; none;
    &#125;
    ul#menue li a&#58;focus + ul.submenue &#123;
    display&#58; block;
    color&#58; #34537c;
    &#125;
    ul#submenue1 li a, ul#submenue2 li a, ul#submenue3 li a, ul#submenue4, ul#submenue5 li a&#123;
    background&#58; none; /* IE */
    &#125;
      </style>
    
    
     <script type="text/javascript">
    
    function zeigen&#40;id&#41; &#123;
    for &#40;var i = 1; i<=5; i++&#41; &#123;
    if &#40;document.getElementById&#40;"submenue"+i&#41;&#41; &#123;document.getElementById&#40;"submenue"+i&#41;.style.display="none";&#125;
    &#125;
    if &#40;document.getElementById&#40;id&#41;&#41; &#123;document.getElementById&#40;id&#41;.style.display="block";&#125;
    &#125;
    
      </script>
    
    
    </head>
    
    <body bgcolor="#caccf8" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" scroll="no">
    <table cellpadding="0" cellspacing="0" height="100%" width="100%" border="0"> 
    <tr>
    <td valign="middle" align="center">
    
    <table id="Tabelle_01" width="1023" height="501" border="0" cellpadding="0" cellspacing="0">
    	<tr>
    		<td colspan="7">
    			[img]Bilder/index_01.jpg[/img]</td>
    		<td>
    			[img]Bilder/Abstandhalter.gif[/img]</td>
    	</tr>
    
    	<tr>
    		<td colspan="5">
    			[img]Bilder/index_02.jpg[/img]</td>
    		<td rowspan="9"  background="Bilder/um.jpg" valign="top" align="left">
    
    [img]0.gif[/img]
    
    <ul id="menue">[*]Bodypainting
         <ul id="submenue1" class="submenue">
    [*]Werbung&amp;Show[*]Kunstdarstellungen[*]Wettbewerbe
    [/list]
    
      
    [*]Wand&amp;Raumgestaltung
    
      
    [*]Fahrzeugdesign
        <ul id="submenue3" class="submenue">
    [*]LKW
    [*]PKW
    [/list]
    
      
    [*]Illustration
    
      
    [*]Verschiedenes
    
      
    [/list]
    
    			</td>
    		<td rowspan="9">
    			<iframe border="0" frameborder="0"  marginheight="10" marginwidth="0"   scrolling="no" width="675" height="388" src="galerie1.html" 
    
    name="gal"></iframe></td>
    
    		<td>
    			[img]Bilder/Abstandhalter.gif[/img]</td>
    	</tr>
    	<tr>
    		<td>
    			<a href="home.html">
    				[img]Bilder/home.jpg[/img]</a></td>
    		<td colspan="4" rowspan="2">
    			[img]Bilder/index_06.jpg[/img]</td>
    
    		<td>
    			[img]Bilder/Abstandhalter.gif[/img]</td>
    	</tr>
    	<tr>
    		<td>
    			<a href="galerie.html">
    				[img]Bilder/gelerie1.jpg[/img]</a></td>
    		<td>
    			[img]Bilder/Abstandhalter.gif[/img]</td>
    
    	</tr>
    	<tr>
    		<td colspan="4">
    			<a href="referenzen.html">
    				[img]Bilder/referenzen.jpg[/img]</a></td>
    		<td rowspan="7">
    			[img]Bilder/index_09.jpg[/img]</td>
    		<td>
    			[img]Bilder/Abstandhalter.gif[/img]</td>
    
    	</tr>
    	<tr>
    		<td colspan="3">
    			<a href="ueberuns.html">
    				[img]Bilder/ueberuns.jpg[/img]</a></td>
    		<td>
    			[img]Bilder/index_11.jpg[/img]</td>
    		<td>
    			[img]Bilder/Abstandhalter.gif[/img]</td>
    
    	</tr>
    	<tr>
    		<td colspan="4">
    			<a href="impr.html">
    				[img]Bilder/impressum.jpg[/img]</a></td>
    		<td>
    			[img]Bilder/Abstandhalter.gif[/img]</td>
    	</tr>
    	<tr>
    
    		<td>
    			<a href="links.html">
    				[img]Bilder/links.jpg[/img]</a></td>
    		<td colspan="3">
    			[img]Bilder/index_14.jpg[/img]</td>
    		<td>
    			[img]Bilder/Abstandhalter.gif[/img]</td>
    	</tr>
    	<tr>
    
    		<td colspan="2">
    			<a href="kontakt.html">
    				[img]Bilder/kontakt.jpg[/img]</a></td>
    		<td colspan="2" rowspan="3">
    			[img]Bilder/index_16.jpg[/img]</td>
    		<td>
    			[img]Bilder/Abstandhalter.gif[/img]</td>
    	</tr>
    	<tr>
    
    		<td colspan="2" rowspan="2">
    			[img]Bilder/index_17.jpg[/img]</td>
    		<td>
    			[img]Bilder/Abstandhalter.gif[/img]</td>
    	</tr>
    	<tr>
    		<td colspan="2">
    			[img]Bilder/index_18.jpg[/img]</td>
    		<td>
    
    			[img]Bilder/Abstandhalter.gif[/img]</td>
    	</tr>
    	<tr>
    		<td>
    			[img]Bilder/Abstandhalter.gif[/img]</td>
    		<td>
    			[img]Bilder/Abstandhalter.gif[/img]</td>
    		<td>
    			[img]Bilder/Abstandhalter.gif[/img]</td>
    
    		<td>
    			[img]Bilder/Abstandhalter.gif[/img]</td>
    		<td>
    			[img]Bilder/Abstandhalter.gif[/img]</td>
    		<td>
    			[img]Bilder/Abstandhalter.gif[/img]</td>
    		<td>
    			[img]Bilder/Abstandhalter.gif[/img]</td>
    		<td></td>
    
    	</tr>
    </table>
    </td>
    </tr>
    </table>
    </body>
    </html>


    hab schon vieles ausprobiert und rausgenommen und wieder reingetan und hab eine problemzone gefunden --------->


    Code:
     <script type="text/javascript">
    
    function zeigen&#40;id&#41; &#123;
    for &#40;var i = 1; i<=5; i++&#41; &#123;
    if &#40;document.getElementById&#40;"submenue"+i&#41;&#41; &#123;document.getElementById&#40;"submenue"+i&#41;.style.display="none";&#125;
    &#125;
    if &#40;document.getElementById&#40;id&#41;&#41; &#123;document.getElementById&#40;id&#41;.style.display="block";&#125;
    &#125;
    
      </script>

    und nämlich wenn mans raustut dann is das verrutschen weg, aber irgendwie verstehe ich nicht was dieses verrutschen in diesem code verursachen kann, ihr vllt??!!!!!!!!

    danke!!!!
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Kaiser(in)
    Registriert seit
    24.04.2006
    Ort
    Ludwigshafen
    Beiträge
    2.720
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Möglicherweise hilft ein Doctype, ganz am Anfang vor "<html>" einfügen
    z.B. dieser:
    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
           "http&#58;//www.w3.org/TR/html4/loose.dtd">

  3. #3
    Teeny
    Themenstarter

    Registriert seit
    25.05.2007
    Beiträge
    34
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    dann wird der inhalt ganz nach oben verrutscht, als ob das gelten würde:
    valign="top" align="center"

    obwohl das hier gelten muss: valign="middle" align="center"

  4. #4
    Teeny
    Themenstarter

    Registriert seit
    25.05.2007
    Beiträge
    34
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    ich habs aber gerade erledigt, indem ich

    <script type="text/javascript">

    function zeigen(id) {
    for (var i = 1; i<=5; i++) {
    if (document.getElementById("submenue"+i)) {document.getElementById("submenue"+i).style.displ ay="none";}
    }
    if (document.getElementById(id)) {document.getElementById(id).style.display="block" ;}
    }

    </script>

    in jede seite eingefügt habe, jetzt springts nicht, is aber trotzdem blöd müll überall zu haben,


    kennt jemand vllt ne andere lösung?

Ähnliche Themen

  1. Bilder verrutschen
    Von Andreas84 im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 11.04.2007, 22:33
  2. preisvergleich-seite - wie erstelle ich so etwas?
    Von urmel1 im Forum HTML & CSS Forum
    Antworten: 10
    Letzter Beitrag: 23.10.2006, 12:42
  3. Wie kann ich das scrollen einer Seite verhindern/blocken
    Von Pazaar im Forum HTML & CSS Forum
    Antworten: 10
    Letzter Beitrag: 10.09.2005, 09:42
  4. springen der Seite verhindern?
    Von Ivanman im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 22.08.2005, 18:00
  5. seite nach unten ziehen verhindern
    Von BigBrother im Forum HTML & CSS Forum
    Antworten: 10
    Letzter Beitrag: 12.11.2004, 13:14

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •