разминаване под ФФ - ъмм..помощ ?

crystalline

Registered
здравейте,

имам следния проблем - стандартен сайт на пхп - include принцип плюс сесии за езиците. и всичко си е ок като изключим следния проблем, който се проявява въсвем хаотично и то само под ФФ. (хаотично имам предвид - от време на време, и на различни страници) от шотовете ще се орентирате най-добре. след рефреш под ФФ (където всъщност се появява) нещата се оправят, но защо... ? на локален хост е същата помия.

problem1.jpg


problem2.jpg


под ИЕ не забелязвам проблеми. интересното е вече съм питал няколко пъти за това (дори в този форум), а пък и са ми казвали че това се получа и при други сайтове - т.е. проблема е в браузъра - ФФ тоест, така ли ?

някакви идеи как да се справя с неприятното разминаване ?

благодаря предварително
smoke.gif

~ д.
 
css-a казваш...странно. ок, не се смятам за разбирач..ще се радвам на идеи

style.css

Код:
body, img {
	margin-top: 0px;
	margin-bottom: 0px;
	background-image: url(main_bgr.gif);
}
body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #717171;
}
.text 
{
font-size: 12px;
font-family: verdana, arial, sans-serif;
text-transform: none; 
font-weight: normal; 
letter-spacing: 0px; 
padding: 5px 0px; 
margin: 5px 5px 5px 10px; 
} 
a:link {
	color: #709c7d;
	font-weight: bold;
}
a:visited {
	color: #709c7d;
	font-weight: normal;
}
a:hover {
	color: #808080;
	background-color: #d3dcca;
	text-decoration: none;
}
a.h:link, a.h:visited, a.h:hover {
	text-decoration: none;
	
}


menucss.css


Код:
body, table, td, {padding:0px; margin:0px;} h1, div, span, select, input, textarea {color:#000;font-family:Tahoma, Verdana;font-size:11px;}

/* links */


/* main class */
#main {width:160px;}

/* H1 za left */
#left h1
{
width:160px;
height:18px;
background:url(2.gif);
color:#666;
font-size:9px;
font-weight:bold;
text-align:center;
text-transform:uppercase;
line-height:21px;
margin:5px 0 0px 0;
}
#left h1 
{
border-bottom:1px solid #B9D3A9;
margin-top:0;
}
/* lqva kolona class */
#left {width:160px;margin-right:0;float:left;}
#left p {margin:0;font-size:10px;}

.body {width:100%;background:#EBEBD8;padding:4px 0 10px 0;}
.body form {margin:9px 0 4px 0;}
.body ul {margin:0;padding:0;}
.body li {background:#EBEBD8 url(sep1.gif) repeat-x bottom;margin:0 8px;list-style:none;padding:0;padding-bottom:1px; }
.body a {padding:4px 6px;display:block;text-align:left;color:#799989;background: url(curebaby.JPG) no-repeat right center;width:128px;font-weight:bold;}
.body a:hover, .body .sel a {color:#717171;border-bottom:0;background-color:#EBEBD8;}
.bot {background:#909090 url(/botBl.gif) no-repeat bottom;}
.fNor a {font-weight:normal;}
 
ето примерно тази страница http://yailata-kavarna.eu/necropolis.php

ето и сорса
Код:
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Yailata-Kavarna.Eu</title>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=utf-8"/>
<meta name="title" content="Yailata.Info" />
<meta name="abstract" content="Яйлата Яйла Yailata" />
<meta name="Revisit-After" content="2 days Days" />

<meta name="distribution" content="Global" />
<meta name="robots" content="All, index, follow" />
<meta http-equiv="imagetoolbar" content="no">
<link rel="stylesheet" type="text/css" href="style/style.css" />
</head>


  <table width="810" border="0" cellspacing="0" cellpadding="0">
    <tr>
      <td><img src="sep1.gif" width="810" height="1"></td>
    </tr>
  </table>

  
<table width="810" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr> 
      <td width="5" valign="top" background="graphics/l.jpg"></td>
      <td width="800"> <table width="800" border="0" cellspacing="0" cellpadding="0">
          <tr> 
            <td> 
              <link rel="stylesheet" type="text/css" href="style/style.css" />
<div align="center"> 
  <table width="800" height="30" border="0" cellpadding="0" cellspacing="0">
    <tr> 
      <td bgcolor="CCCCCC" valign="top"> 
        

<table width='600' border='0' cellspacing='0' cellpadding='0'>
  <tr>
    <td valign='top'><img src='graphics/header/header_bg.gif' width='800' height='255'></td>
  </tr>
</table>
  </td>
    </tr>
      <td height="1" bgcolor="#EBEBD8"> 
	 
      
          <table width="800" border="0" cellspacing="0" cellpadding="0">
            <tr>

              <td><img src="graphics/sep1.gif" width="800" height="1"></td>
            </tr>
          </table>
          <table width="800px" border="0" cellspacing="0" cellpadding="0" height="20">
            <tr> 
              
            <td width="11" height="20">  </td>
              
            <td width="574" height="20"> <a href="?lang=bg"><img src="graphics/finalflags/bg.jpg" width="42" height="11" border="0"></a> 
              <a href="?lang=en"><img src="graphics/finalflags/en.jpg" width="38" height="11" border="0"></a> 
              <a href="?lang=de"><img src="graphics/finalflags/de.jpg" width="38" height="11" border="0"></a> 
              </td>

              
           
            </tr>
          </table>
   

		  </td>
    </tr>
   
  </table>
			
          
  <img src="graphics/sep1.gif" width="800" height="1"></div>
            </td>
          </tr>
          <tr> 
            <td> <table width="800" border="0" cellspacing="0" cellpadding="0">

                <tr> 
                  <td  width="160" valign="top" bgcolor="#EBEBD8">
                     
<link rel='stylesheet' type='text/css' href='menucss.css' />
<meta http-equiv='Content-Type' content='text/html; charset=windows-1251'>
</head>
<body>

<div id='general'>
  <div id='left'> 
      <h1>ПРОЕКТ НАР Яйлата</h1>
<div class='body'>
      <ul>

	    <li><a href='index.php'>Проект НАР Яйлата</a></li>
      </ul>
    </div>
    
    <h1>ЯЙЛАТА</h1>
<div class='body'>
      <ul>
	    <li><a href='home.php'>Яйлата и Областта</a></li>
        <li><a href='map.php'>Карта</a></li>

        
     </ul>
    </div>

    <h1>АРХЕОЛОГИЯ</h1>
<div class='body'>
      <ul>
        <li><a href='stronghold.php'>Крепост </a></li>
        <li><a href='necropolis.php'>Некропол </a></li>

		 <li><a href='caves.php'>Пещери </a></li>
		
        
      </ul>
    </div>

    <h1>ПРИРОДА</h1>
<div class='body'>
      <ul>
        <li><a href='flora.php'>Флора</a></li>

        <li><a href='fauna.php'>Фауна</a></li>
        
      </ul>
    </div>

<h1>АРХИВИ</h1>
<div class='body'>
      <ul>
        
		<li><a href='choosegallery.php'>Галерия </a></li>
        <li><a href='video.php'>Видео</a></li>

         </ul>
    </div>
	
    <h1>ТУРИЗЪМ</h1>
<div class='body'>
      <ul>
        <li><a href='extreme.php'>Екстремен Туризъм </a></li>
        <li><a href='julymorning.php'>Джулай Морнинг</a></li>
       
         </ul>

    </div>
	
	 <br>

<h1>Информационен БЛОГ</h1>
<div class='body'>
      <ul>
        <li><a href='http://yailatakavarna.wordpress.com/' target='_blank'>Блог Новини</a>
     
         </ul>

    </div>


<h1>ВРЪЗКИ</h1>
<br>
<div align='center'>
<a href='http://www.kavarna.bg/' target='_blank'><img src='images/yailata/ver1.jpg' width='135' height='153' border='0' style='border:1px solid black; padding:2px'></a> 
 </div>
 <div class='body'>
 <li><a href='links.php'>Полезни връзки</a></li>
    </div>
	<div align='center'>
<table width='150' border='0'>

  <tr>
    <td width='5'> </td>
    <td width='145'>Този проект се съфинансира от Европейския съюз. Изпълнителна агенция ФАР и община Каварна...
	<a href='index.php'>прочети повече</a></td>
  </tr>
</table>
<img src='graphics/sep1.gif' width='140' height='1'>
</div>
<br>
</div>
                  </td>

                  <td  width="5"  valign="top" background="graphics/r.jpg"></td>
                  <td  width="636" bgcolor="#EBEBD8" valign="top"> <div class="text"> 
                    
<table width='600' border='0' cellspacing='0' cellpadding='0'>
  <tr>
    <td valign='top'>
	<i>Археология &raquo Скални некрополи</i>
<br><br>
<img src='images/necropolis/necro1.JPG' width='250' height='188' hspace='5' align='left' style='border:1px solid black; padding:2px'>

Над 120 са гробните съоръжения в откритите три некропола в резервата, издълбани в скалистото равнинно плато или в отвесните склонове. В южната част на Яйленската тераса са проучени няколко гробници от т.нар. пещерен тип. Те са в основата на скалния масив и се състоят от малки преддверия, през които се влиза в гробната камера, която е с правоъгълен план. 
<br><br>
По-системно е проучен некропол №1, който се намира на Добруджанското плато на около 700 метра северно от споменатата вече ранновизантийска крепост. Разположен е по венеца на извисяващия се на около 50-60 метра над морето скалист бряг. По своя архитектурен план гробните съоръжения се обособяват в няколко основни типа:
<br><br>
<img src='images/necropolis/necro4.JPG' width='250' height='188' hspace='5' align='right' style='border:1px solid black; padding:2px'>
Пещерен тип с малки шахтовидни преддверия със или без стъпала; Гробници, при които камерите са със сравнително голям, обикновено правоъгълен или елипсовиден отвор към повърхността, затварян с дялани каменни плочи. Обикновено този тип гробници са с по-добре оформени преддверия и стъпала;
<br><br>
Гробовете с правоъгълна или елипсовидна форма, покривани с една или няколко дялани плочи. (В този тип съоръжения са погребвани деца). Некрополът е възникнал около издяланото в скалата светилище. Както и по-голямата част от гробните съоръжения то е обърнато с лице към морето, по посока на изгряващото слънце. 
<br><br>
<img src='images/necropolis/necro2.JPG' width='250' height='188' hspace='5' align='left' style='border:1px solid black; padding:2px'>
Некропол № 12, от който са проучени 14 гробници се намира непосредствено на изток от село Камен Бряг. За разлика от некропол № 1 тук гробниците са обособени на малки групи с ориентация както изток-запад, така и север-юг. Повечето от тях са с по-големи размери и много по-прецизно издялани. Особен интерес предизвиква гробница № 2, на чиято източна стена се намира стилизирано изображение на бича глава - единствената пластична украса, открита до този момент в изследваните некрополи. 
<br><br><br><br>
<img src='images/necropolis/necro3.JPG' width='250' height='188' hspace='5' align='right' style='border:1px solid black; padding:2px'>
С малки изключения почти всички гробници са били ограбени още в древността или по-ново време. Намереният гробен инвентар - глинени паници, гърнета, чаши, лампички, бронзови и железни токи, стъклени маниста, монети и други ги датира в хронологическите граници на II - V век. 
<br><br>
<img src='images/necropolis/necro10.JPG' width='250' height='188' hspace='5' align='left' style='border:1px solid black; padding:2px'>

<br><br><br><br><br><br><br>
Гробниците са били фамилни, функционирали са продължително време като в някои от тях бяха открити до 15 скелета. 
<br><br><br><br><br><br>
<img src='images/necropolis/necro6.JPG' width='250' height='333' hspace='5' align='left' style='border:1px solid black; padding:2px'>
Некрополите в археологически комплекс Яйлата поставят за разрешаване пред нас доста важни и интересни въпроси, свързани не само с погребаните обичаи, а най-вече с тяхната етническа принадлежност. Формално-типологически сравнение на съоръженията на в проучваните некрополи показва повече сходство с подобни от територията на Североизточното Причерноморие, отколкото с тези на от Източните Родопи, Странджа-Сакар и други райони на нашата страна. Затова свързваме тяхната поява по Добруджанското Черноморско крайбрежие с нахлуванията и заселването на тук на варварски племена и то най-вероятно от сарматски произход.
<br><br>
Яйлата не само съхранява интересни и значими културно-исторически паметници, а е и неповторима природна даденост. Разнообразен е растителния и животинския свят. Тук гнездят преминават за зимуване към бреговете на Африка над 178 вида птици.
</tr>
</table>
                  </div></td>
                </tr>
              </table></td>
          </tr>

          <tr> 
            <td> 
              <div align="center">
<link rel="stylesheet" type="text/css" href="style/style.css"/>
  <table width="800" border="0" cellspacing="0" cellpadding="0">
    <tr>
      <td><img src="graphics/sep1.gif" width="800" height="2"></td>
    </tr>
  </table>
  <table width="800" border="0" cellpadding="0" cellspacing="0" align="center">

      <tr> </tr>
      <tr> 
        <td><table width="800" border="0" cellpadding="0" cellspacing="0">
            <tr> </tr>
            <tr> 
              
            <td bgcolor="#EBEBD8">
			 
<div align='center'>
<a href='authrights.php' target='_top'>Авторски права</a> | <a href='sitemap.php' target='_top'>Карта на сайта</a> | <a href='links.php' target='_top'>Връзки</a> | Разработка: <a href='mailto:drago.goranov@gmail.com'>Драган Горанов</a> |  <a href='contacts.php' target='_top'>Контакти</a> | 

<br>
Copyright © 2007 Yailata-Kavarnа.Eu - Национален Археологически Резерват Яйлата
<br>
</div>
 
			</td>
            </tr>
            <tr> </tr>
          </table></td>
      </tr>
      
    </table>

</div>
            </td>
          </tr>
        </table></td>
      <td width="5" valign="top" background="graphics/r.jpg"> </td>
    </tr>
  </table>
  <table width="810" border="0" cellspacing="0" cellpadding="0">
    <tr>

      <td><img src="sep1.gif" width="810" height="1"></td>
    </tr>
  </table>

</body>
</html>
 
animatora каза:
при ментази страница е ок
firefox или ie ?

мисля да не ти давам скрийншот - просто защото е същото като в първия пост...всъщност това беше само пример - предполагам и някои от другите страници се зареждат по подобен начин..благодаря ти все пак
 
Под IE и FF ми се отваря без проблем страницата...
Видях че не си затворил 1 от таговете на
<li><a href='http://yailatakavarna.wordpress.com/' target='_blank'>Блог Новини</a></li>, но не от това е проблема. Ако source-а ти беше повече подреден щеше да се разбере, но така :shock: И другото което е че сайта ти е главно от таблици, което ме обърка тотално... поне да ги беше подредил 1 под друга, ами те, 1 наляво друга надясно.
 
благодаря за отговорите

ако забележети нещо злобните коментари са добре дошли :)
 
мисля да си тегля наколко контролни...все още е така, а нямам представа защо ? интересно е как при мен е проблема (на моя браузър имам предвид) както и на още един...а под повечето други няма проблеми.
 
crystalline, винаги проверявай кода за грешки. Можеш да ползваш доста програми за това, но аз те съветвам да използваш валидатора на W3 консорциума. Все пак те създават правилата. Ето ти грешките по страницата:
http://validator.w3.org/check?uri=h...charset=(detect+automatically)&doctype=Inline

Ампердансите за сега можеш да ги оправиш като сложиш
Код:
ini_set('arg_separator.output', '&');
в началото на php кода за страницата. Има и по-елегантни начини.
Наблегни на незатворените тагове, а така също и на цялостното структориране на HTML кода.
В CSS си оправи малко тоя ред:
Код:
body, table, td, {padding:0px; margin:0px;} h1, div, span, select, input, textarea {color:#000;font-family:Tahoma, Verdana;font-size:11px;}
Направи го по-нормален, защото така не се парсва нормално и вади грешка при валидацията. Например:
Код:
body, table, td, {
padding: 0px; 
margin: 0px;
} 
h1, div, span, select, input, textarea {
color: #000;
font-family: Tahoma, Verdana;
font-size: 11px;
}
 
PhrozenCrew, благодаря ти. :wink:

аз обаче ше откривам топлата вода...почнах го наново...да видим за два дни прави ли се сайт или не се прави....киил ми просто! както и да е...
и разбира се праснах няколко проблема още в началото:
набарах един пример само с дим-ове (баси хората от колко време ми говорят за тях...аз съм тъпак)..та в този пример с ехо и инклуд си наслагвам частите...хедър, футър, меню, хедъри и т.н..после ще си оправям езиците.

страницата: http://yailata-kavarna.eu/probadiv/drago.php

НО,
1. менюто ми измества по някакъв начин content-a...просто пада долу. а не в дясно както ми се иска...като разкарам echo-то за left и си е ок. попринцип лявата част е 160 пх, съдържанието 640, а контейнера 800. така че всички би трябвало да е ок...но не е.

кода:

Код:
<?php
include('session.php');
?> 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf8">
		<title>title goes here</title>
		<style type="text/css">
			div.container {
				width: 800px; margin: 0px auto 0 auto;
				font-family: Verdana, Arial, sans-serif; 
			}
			
			div.header {
				width: 800px;
				background: #EBEBD8;
			}
				
			div.navigation {
				width: 160px; float: left; background: #EBEBD8;				
			}	
				
			div.content {
				width: 640px; float: left; background: #999;
			}

			div.footer {
				width: 100%; padding: 0px 0; clear: both; 
			}
		</style>
	</head>
	<body>
		<div class="container">
			<div class="header">
			<?php
include('header.php');
?>
			</div>
			<div class="navigation">
				<?php
echo "$left";
?>
				
			</div>
			<div class="content">
				<?php
echo "$yaila";
?>
				
			</div>
			<div class="footer">
							<?php
include('footer.php');
?>
			</div>
		</div>
	</body>
</html>

2. туй лайно... http://yailata-kavarna.eu/probadiv/drago.php...под ИЕ излиза подравнено в ляво мамка му...почти нищо не е променяно по кода, който ползвам като пример с идеята първо да подкарам една страница...при примера хтмл-а (при мен е пхп заради сесийте) си е ок и под ИЕ и под ФФ

та...можете ли да помогнете ?

~ д.
 
Виж така:

Код:
<?php
include('session.php');
?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
   <head>
      <meta http-equiv="Content-Type" content="text/html; charset=utf8">
      <title>title goes here</title>
      <style type="text/css">
         .container tr 
		 {
            width: 800px;
			margin: 0;
            font-family: Verdana, Arial, sans-serif;
         }
         
         td.header 
		 {
            background-color: #EBEBD8;
         }
            
         td.navigation {
            width: 160px; background: #EBEBD8;            
         }   
            
         td.content {
            width: 640px; background: #999;
         }

         td.footer {
            width: 100%; padding: 0;
         }
      </style>
   </head>
   <body>
<table border="0" class="container">
     <tr>
         <td class="header" colspan="2">
         <?php
include('header.php');
?>    </td>
     </tr>
     <tr>
         <td class="navigation">
<?php
echo $left;
?>
         </td>
         <td class="content">
            <?php
echo $yaila;
?>
         </td>
     </tr>
     <tr>
         <td colspan="2" class="footer">
                     <?php
include('footer.php');
?>
         </td>
      </tr>
   </body>
</html>
 
E това ако не стане незнам...

Код:
<?php
include('session.php');
?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
   <head>
      <meta http-equiv="Content-Type" content="text/html; charset=utf8">
      <title>title goes here</title>
      <style type="text/css">
         table.container
       {
            width: 800px;
         margin: 0;
            font-family: Verdana, Arial, sans-serif;
         }
         
         td.header
       {
            background-color: #EBEBD8;
         }
           
         td.navigation {
            width: 160px; background: #EBEBD8;           
         }   
           
         td.content {
            width: 640px; background: #999;
         }

         td.footer {
            width: 100%; padding: 0;
         }
      </style>
   </head>
   <body>
<center><table border="0" class="container" width="800">
     <tr>
         <td class="header" colspan="2">
         <?php
include('header.php');
?>    </td>
     </tr>
     <tr>
         <td class="navigation" valign="top">
<?php
echo $left;
?>
         </td>
         <td class="content" valign="top">
            <?php
echo $yaila;
?>
         </td>
     </tr>
     <tr>
         <td colspan="2" class="footer">
                     <?php
include('footer.php');
?>
         </td>
      </tr></table></center>
   </body>
</html>

Промених го пробвай пак
 
StormBreaker, благодаря ти. сега се получи..но ми се иска да избегна таблиците, затова май ще търся алтернатива...мерси все пак.
:)

а после не ми се мисли как ще трябва да нагласям страничните бордъри... :x

~ ако някои се сети нещо друго да казва :)
 
И на дифове могат да се сложат бордери... но работата с дифове е много по трудна... аз лично предпочитам таблиците... по ефективни са... но дифовете са по-добри... личен избор

Извинявам се... незнам на бг как да го пиша диф или див
 
на мен работата с таблици ми е по-лесна..но пък див-ове освен че са по-интелИгенто решение..и са по-ефективно както се оказва. в момента съм принуден да работя с див-ове и то спешно...а си нямам особено голяма представа как стоят нещата. в случея трябва да оправя прост код...и по-добре да поема кофеин венозно иначе...ъъ...та, да...

да, маргин топ лефт и т.н. ми е ясно...ще се справя мисля. да стигна до там... :cry:
 

Back
Горе