Бъг при отваряне на страницата

K

k0kicha

Registered
Идея си нямам как се получи, но в една от страниците в сайтът ми, когато натисна да се отвори, автоматично ме праща някъде в средата на страницата, а не най-отгоре. Не знам какъв може да е проблема или грешката в кода, търсих, но не намирам. Ето кода на цялата страница:

Код: 
<?php
$to = "kokicha@abv.bg"; //имейла на който ще се пращат съобщенията
function alert($type, $mess)
{
echo '<div class="alert alert-'.$type.'">'.$mess.'</div>';
}
function mail_utf8($to, $from_user, $from_email, $subject = '(No subject)', $message = '')
   {
      $from_user = "=?UTF-8?B?".base64_encode($from_user)."?=";
      $subject = "=?UTF-8?B?".base64_encode($subject)."?=";

      $headers = "From: $from_user <$from_email>\r\n".
               "MIME-Version: 1.0" . "\r\n" .
               "Content-type: text/html; charset=UTF-8" . "\r\n";

     return mail($to, $subject, $message, $headers);
   }
 
if(isset($_POST['submit'])) 
{
	 $name = htmlspecialchars($_POST['name']);
	 $email = htmlspecialchars($_POST['email']);
	 $to = "kokicha@abv.bg";
	 $subject = htmlspecialchars($_POST['subject']);
	 $message = htmlspecialchars($_POST['message']);
		//валидация на имейла
		if (!filter_var($to, FILTER_VALIDATE_EMAIL)) { $error = alert('danger', 'Невалиден имейл за получаване'); } else {
		if (!filter_var($email, FILTER_VALIDATE_EMAIL)) { $error = alert('danger', 'Невалиден имейл'); } else {
			 mail_utf8($to, $name, $email, $subject, $message);
			$error = alert('success', 'Успешно изпратен имейл');
		}
		}
}
?>


<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Връзка с нас | Учебен център "Илиян Ошинов"</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="keywords" content="контакт, контакти, връзка с нас, Стара Загора, Илиан Ошинов, учебен център" />
<meta name="description" content="Свържете се с Учебен център Илиян Ошинов или ни посетете на адрес гр. Стара Загора, ул. Петко Р. Славейков 53" />
<meta name="google-site-verification" content="" />
<meta name="revisit-after" content="14 days" />
<meta http-equiv="pragma" content="no-cache" />
<meta name="robots" content="all" />
<meta http-equiv="cache-control" content="no-cache" />
<link rel="stylesheet" href="layout/styles/layout.css" type="text/css" />
<link rel="stylesheet" href="layout/styles/texthover.css" type="text/css" />
<link type="text/css" rel="stylesheet" href="layout/styles/form.css" />
<script type="text/javascript" src="layout/scripts/jquery.min.js"></script>
<script type="text/javascript" src="layout/scripts/jquery.ui.min.js"></script>
<script type="text/javascript" src="layout/scripts/jquery.defaultvalue.js"></script>
<script type="text/javascript" src="layout/scripts/jquery.scrollTo-min.js"></script>
<link rel="shortcut icon" href="images/icon.png" type="image/x-icon" />
<link rel="icon" href="images/icon.png" type="image/x-icon" />
<script type="text/javascript">
$(document).ready(function () {
    $("#fullname, #validemail, #message").defaultvalue("Full Name", "Email Address", "Message");
    $('#shout a').click(function () {
        var to = $(this).attr('href');
        $.scrollTo(to, 1200);
        return false;
    });
    $('a.topOfPage').click(function () {
        $.scrollTo(0, 1200);
        return false;
    });
    $("#tabcontainer").tabs({
        event: "click"
    });
});
</script>

<script type="text/javascript" src="layout/scripts/jquery.cycle.min.js"></script>
<script type="text/javascript">
$(function() {
    $('#hpage_slider').after('<div id="fsn"><ul id="fs_pagination">').cycle({
        timeout: 5000,
        fx: 'fade',
        pager: '#fs_pagination',
        pause: 1,
        pauseOnPagerHover: 0
    });
});
</script>
<script type="text/javascript" src="layout/scripts/piecemaker/swfobject/swfobject.js"></script>
<script type="text/javascript">
var flashvars = {};
flashvars.cssSource = "layout/scripts/piecemaker/piecemaker.css";
flashvars.xmlSource = "layout/scripts/piecemaker/piecemaker.xml";
var params = {};
params.play = "false";
params.menu = "false";
params.scale = "showall";
params.wmode = "transparent";
params.allowfullscreen = "true";
params.allowscriptaccess = "sameDomain";
params.allownetworking = "all";
swfobject.embedSWF('layout/scripts/piecemaker/piecemaker.swf', 'piecemaker', '960', '430', '10', null, flashvars, params, null);
</script>

<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/bg_BG/sdk.js#xfbml=1&version=v2.4";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<style type="text/css" media="screen">
    
    .slide-out-div {
       padding: 20px;
        width: 250px;
        background: #f2f2f2;
        border: #4867aa 1px solid;
    }
    


	</style>

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js" type="text/javascript"></script>
    <script src="js/jquery.tabSlideOut.v1.3.js"></script>
         
         <script>
         $(function(){
             $('.slide-out-div').tabSlideOut({
                 tabHandle: '.handle',                              //class of the element that will be your tab
                 pathToTabImage: 'images/contact_tab.jpg',          //path to the image for the tab (optionaly can be set using css)
                 imageHeight: '122px',                               //height of tab image
                 imageWidth: '40px',                               //width of tab image    
                 tabLocation: 'left',                               //side of screen where tab lives, top, right, bottom, or left
                 speed: 300,                                        //speed of animation
                 action: 'click',                                   //options: 'click' or 'hover', action to trigger animation
                 topPos: '200px',                                   //position from the top
                 fixedPosition: true                               //options: true makes it stick(fixed position) on scroll
             });
         });

         </script>
</head>
<body id="top">


<div class="wrapper col2">
  <div id="header" class="clear">
    <div class="fl_left">
      <img src="images/logo.png">
      
    </div>
    <div id="topnav">
      <ul>
		<li class="last active"><a href="contacts.php">Контакти</a>
        <li><a href="gallery.html">Галерия</a>
        <li><a href="kontrolnitochki.html">Контролни точки</a>
        <li><a href="adr.html">Курсове АДР</a>
        <li><a href="index.html">Шофьорски курсове</a>
      </ul>
    </div>
  </div>
</div>

<div class="wrapper col3">
  <div id="featured_slide"> 
    
    <div id="piecemaker"><img src="images/demo/piecemaker/960x360.gif" alt="" /></div>
     
  </div>
</div>

<div class="wrapper col4">
  <div id="container" class="clear"> 
    <div id="content">
      <h1>Връзка с нас</h1>
	  <center><img src="images/contacts.jpg"></center><br />
	  <section id="stz">
	  <p><center><h2>Учебен център в гр. Стара Загора </h2>
	  <br /> гр. Стара Загора, улица „Петко Р. Славейков“ 53
	  <br />тел. +359 888 33 40 76
	  <br />тел. +359 896 77 29 67
	  <br />тел. +359 885 79 39 39
	  <br />email: nikolai@oshinov.com
	  </center>
	  </p><br /> 
<iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d736.2824020572348!2d25.636191222576134!3d42.42497603328215!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x40a86975bc86c31d%3A0x3c072b3b213cebd5!2z0KPRh9C10LHQtdC9INGG0LXQvdGC0YrRgCAi0JjQu9C40Y_QvSDQntGI0LjQvdC-0LIi!5e0!3m2!1sbg!2sbg!4v1444805666257" width="630" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>
	  </section>
	  <br /><br /> 
	  <section id="galabovo">
	  	  <p><center><h2>Учебен център в гр. Гълъбово </h2>
	  <br /> гр. Гълъбово, улица „Мадара“ 1 (важи и за гр. Раднево, гр. Симеоновград, гр. Харманли)
	  <br />тел. +359 888 904 707
	  <br />тел. +359 895 101 757
	  <br />тел. +359 878 904 767
	  <br />email: ivanov@oshinov.com
	  </center>
	  </p><br />
	  
	  <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2958.1550461163633!2d25.873801205901056!3d42.146968853630895!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x0!2zNDLCsDA4JzQ4LjQiTiAyNcKwNTInMjguNSJF!5e0!3m2!1sbg!2sbg!4v1444807071934" width="630" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>
	 <br />
	 </section>
	  <br /><br /><br /> 
	  <section id="formа">
	  <div class="container1">
	
<?php
if(isset($error)) {
	echo $error;
} 
?>

      <form class="form-signin" method="POST">
        <center><h2 class="form-signin-heading">Изпрати запитване</h2></center>
        
        <input type="text" class="form-control" placeholder="Вашето име" name="name" required autofocus>
        <input type="email" class="form-control" placeholder="Email" name="email" required autofocus>
        <input type="text" class="form-control" name="subject" placeholder="Тема" required>
        <textarea type="text" class="form-control" name="message" maxlength="999"placeholder="Съобщение" required></textarea>
		<br>
        <button class="btn btn-lg btn-primary btn-block" name="submit" type="submit">Изпрати</button>
      </form>

    </div>
</section>	  
    </div>
    <div id="column">
      <div class="subnav"><nav id="middle-nav">
        <ul>		  
          <li><a href="#stz">Учебен център в гр. Стара Загора</a></li>
          <li><a href="#galabovo">Учебен център в гр. Гълъбово</a></li>
		  <li><a href="#formа">Форма за контакти</a></li> 	  
        </ul>
      </div></nav>
	  <div id="featured">
        <ul>
          <li>
            <h2>Карта на водача</h2>
            <p class="imgholder"><img src="images/kartanavodacha.jpg" alt="" /></p>
            <p>Карта за квалификация на водача трябва да притежават всички водачи на МПС, за чието управление се изисква свидетелство от категория С, С+Е, Д и Д+Е за извършване на обществени превози или превози за собствена сметка. </p>
            <p class="readmore"><a href="#">Виж повече »</a></p>
          </li>
        </ul>
      </div>
    </div>
    
    <div class="clear"></div>
  </div>
</div>
    
<div class="slide-out-div">
        <a class="handle" href="http://link-for-non-js-users">Content</a>
        <div class="fb-page" data-href="https://www.facebook.com/%D0%90%D0%B2%D1%82%D0%BE%D0%BA%D0%BB%D1%83%D0%B1-%D0%98%D0%BB%D0%B8%D1%8F%D0%BD-%D0%9E%D1%88%D0%B8%D0%BD%D0%BE%D0%B2-212804548800057" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true" data-show-posts="false"></div>
    </div>
	    
<div class="wrapper">
  <div id="footer" class="clear"> 
    <div class="fl_left">
      <div class="about_us">
        <h2>Полезни връзки</h2>
        <p>
		<a href="https://www.mtitc.government.bg/page.php?category=213&id=285" target="_blank">Закон за движение по пътищата</a><br />
		<a href="http://www.lex.bg/bg/laws/ldoc/-13618687" target="_blank">Правилник за прилагане на Закон за движение по пътищата</a><br />
		<a href="http://www.grajdanska.net/go/85-kat-tochki.html" target="_blank">Списък на нарушенията, за които се отнемат контролни точки</a><br />
		<a href="https://nld.mvr.bg/nld2/nWeb2.nsf/fVerification" target="_blank">Проверете Online дали Вашата шофьорска книжка е готова</a><br />
		<a href="http://www.rta.government.bg/index.php?page=rezultati_izpit_vodachi" target="_blank">Проверка на резултати от изпитите</a><br />
		<a href="https://avtoizpit.com/listovki" target="_blank">Решаване на листовки Online</a><br />
		<a href="http://www.rta.government.bg/index.php?page=scategories&scategory=karti_poluchavane" target="_blank">Проверете Online дали Вашата карта за професионална компетентност, дигитална карта или удостоверение за ADR са готови</a><br />
		
		</p>
      </div>
    </div>
    
      <h2>Листовки Онлайн</h2>
	  <a href="https://www.avtoizpit.com/listovki" target="_blank" style="position:relative; cursor: pointer; text-decoration: none;"><img src="https://avtoizpit.com/links/link_blue302x186.png" alt="Листовки онлайн от Avtoizpit.com" title="Oнлайн листовки от Avtoizpit.com" border="0" width="302" height="186"/></a>
       </div>
    </div>
  </div
</div>

<div class="wrapper">
  <div id="copyright" class="clear">
    <p class="fl_left">Copyright © 2015 - Всички права запазени - <a href="http://oshinov.com">Oshinov.com</a></p>
    <p class="fl_right">Изработка от <a target="_blank" href="https://www.facebook.com/webzhelyazkov" title="Free Website Templates">webzhelyazkov</a></p>
  </div>
</div>
</body>
</html>
 
Здравей!
Решение на вашия въпрос:
Просто добавете подложка .slide-out-div :
Код: 
margin-top:40%;
margin-left:40%;
 
Според мен проблема може да идва от това че имаш anchors(котвички) на страницата. Виж линка от който достъпваш страницата. Ако в него присъства нещо подобно www.alabala.com/alabala#Anchor значи е от там идва цялата работа.
 
Трябва да си влезнал или регистриран, за да отговориш тук.

Back
Горе