Форум PHP программистов > Проблема с шириной таблицы

[ Поиск ] - [ Пользователи ] - [ Календарь ]

Полная Версия: Проблема с шириной таблицы

RuslanMRP

23.03.2011 - 17:41

Привет! Подскажи в током вопросе! Создана шапка сайта на div-ах имеет 1024 width align=center, к ней приделол PHP код - в котором имееться таблица такой же ширины и выровнена по центру. Но есть проблема. В Opere как только таблица достигает длины до появления скрола таблица отодвигаеться от скрола на несколько px, и получаеться не состыковка шапки с таблицей. В Explorer работает все хорошо. Как устранить это?

Помогите пожалуйста!!!!!!!

Спустя 8 минут, 7 секунд (23.03.2011 - 16:50) sergeiss написал(а):

margin надо устанавливать... А вообще - покажи свой код, бум его корректировать.

Спустя 7 минут, 31 секунда (23.03.2011 - 16:57) RuslanMRP написал(а):

sergeiss


<body style="margin-Left:0px;margin-Top:0px;margin-Bottom:0px;margin-Right:0px;" onresize=PosPage(2,2,1.000000,1.000000); bgcolor="#323232" >

<DIV class="cLinkHidden">
////////////////
////////////////

</DIV>

<DIV id=lmwcbackpanel2 align='center'>
<DIV id=lmwcbackpanel style="position:relative;width:1024px;height:150px;">
<DIV id=lmwcbackpanelinner style="visibility:visible;overflow:hidden;position:absolute;left:0px;top:0px;width:1024px;height:150px;clip:rect(0px,1024px,150px,0px);">
<DIV id=Page class="cPage">
<a name=ANCHOR_Page></a><IMG alt="" id=LMImagePage src="./lmimginv.gif" class="cLMImagePage">
</DIV>
<DIV id=Text9 align=left class="cText9">
<a name=ANCHOR_Text9></a>
<DIV id=LMTxtText9 align=left class="cLMTxtText9">
<div align="left"><font face="Times New Roman" color="#ffffff" size="5"><span style=" font-size:18pt"><b>8-044-737-74-37</b></span></font></div><div align="left"><font face="Times New Roman" color="#ffffff"><span style=" font-size:12pt"><b>  </b></span><span style=" font-size:11pt">spare-parts@tartuga.by</span></font></div>
</DIV>
</DIV>
<DIV id=Text36 align=left class="cText36">
<a name=ANCHOR_Text36></a>
<DIV id=LMTxtText36 align=left class="cLMTxtText36">
<div align="left"><font face="Times New Roman" color="#ffffff" size="6"><span style=" font-size:26pt"><b>  Tartuga.by</b></span></font></div>
</DIV>
</DIV>
<DIV id=G_News class="cG_News">
<a name=ANCHOR_G_News></a>
</DIV>
<DIV id=GWelcome class="cGWelcome">
<a name=ANCHOR_GWelcome></a>
</DIV>
<DIV id=Gbanner class="cGbanner">
<a name=ANCHOR_Gbanner></a>
</DIV>
<DIV id=Gmenu class="cGmenu">
<a name=ANCHOR_Gmenu></a>
</DIV>
<DIV id=Gcenter class="cGcenter">
<a name=ANCHOR_Gcenter></a>
</DIV>
<DIV id=Img10 class="cImg10">
<a name=ANCHOR_Img10></a>
<IMG alt="" id=LMImageImg10 src="./images/_gen_img10_03.jpg" class="cLMImageImg10"></DIV>
<DIV id=Img9 class="cImg9">
<a name=ANCHOR_Img9></a>
<IMG alt="" id=LMImageImg9 src="./images/_gen_img9_02.jpg" class="cLMImageImg9"></DIV>
<DIV id=Box2 class="cBox2">
<a name=ANCHOR_Box2></a>
<IMG alt="" id=LMImageBox2 src="./images/index_Box2.jpg" class="cLMImageBox2"></DIV>
<DIV id=Gtop class="cGtop">
<a name=ANCHOR_Gtop></a>
</DIV>
<DIV id=Box1 class="cBox1">
<a name=ANCHOR_Box1></a>
<IMG alt="" id=LMImageBox1 src="./images/index_Box1.jpg" class="cLMImageBox1"></DIV>
<DIV id=Gbottom class="cGbottom">
<a name=ANCHOR_Gbottom></a>
</DIV>
<DIV id=Img2 class="cImg2">
<a name=ANCHOR_Img2></a>
<IMG alt="" id=LMImageImg2 src="./images/_gen_img2_02.jpg" class="cLMImageImg2"></DIV>

<script type="text/javascript">
//LMSOFT Web Creator Pro, Version:5.1.0.0
//LMSOFT Kernel 80

var LMObjects = new Array();
var pub_home = "./index.html"
var objindex=0;
var Stretch=2;
var Position=2;
var ScaleW=1.000000;
var ScaleH=1.000000;
var fontbase=96.;
//---------------------------------------------------------------------------------------------
try {
if(isValideBrowser(7.00,5.00)) {
//---------------------------------------------------------------------------------------------
LMObjects[objindex++] = LMPage("Page",null,null,null);
LMObjects[objindex++] = LMImage("Img2",1,0,null,0,null,null,null,null,0);
objlist = new Array();
objlist[0] = "Img2";
LMObjects[objindex++] = LMGroup("Gbottom",1,objlist);
LMObjects[objindex++] = LMImage("Box1",1,0,null,0,null,null,null,null,0);
branchlist = new Array();
LMObjects[objindex++] = LMText("Text36",1,0,null,0,null,branchlist,null,null,15,15,15,15);
objlist = new Array();
objlist[0] = "Box1";
objlist[1] = "Text36";
LMObjects[objindex++] = LMGroup("Gtop",1,objlist);
LMObjects[objindex++] = LMImage("Box2",1,0,null,0,null,null,null,null,0);
LMObjects[objindex++] = LMImage("Img9",1,0,null,0,null,null,null,null,0);
LMObjects[objindex++] = LMImage("Img10",1,0,null,0,null,null,null,null,0);
objlist = new Array();
objlist[0] = "Box2";
objlist[1] = "Img9";
objlist[2] = "Img10";
LMObjects[objindex++] = LMGroup("Gcenter",1,objlist);
menusystemmodel001Show(0, 105, "MenuSystem1");
objlist = new Array();
objlist[0] = "MenuSystem1";
LMObjects[objindex++] = LMGroup("Gmenu",1,objlist);
objlist = new Array();
LMObjects[objindex++] = LMGroup("Gbanner",1,objlist);
objlist = new Array();
LMObjects[objindex++] = LMGroup("GWelcome",1,objlist);
objlist = new Array();
LMObjects[objindex++] = LMGroup("G_News",1,objlist);
branchlist = new Array();
LMObjects[objindex++] = LMText("Text9",1,0,null,0,null,branchlist,null,null,15,15,15,15);
//---------------------------------------------------------------------------------------------
}
}catch(e) {
alert(e.message);
}
var backpanel2=FindTagFromId("lmwcbackpanel2");
backpanel2.align="left";
SetBaseColor(0x3ed,0x3f2,0x81);
LMObjectAnimate(Stretch,Position,ScaleW,ScaleH);
</script><noscript><br></noscript>
</DIV>
</DIV>
</DIV>
<table bgcolor=#dadada border="0" width="1024px" align="center">
		<tr>
			<td valign="right" width="100%" height="100%" align="center" bgcolor=#f5f5f5 border="0">
<div id="main-container">

	<div id="form-container">
	<h2>заявки обрабатываются круглосуточно</h2>
    <h2>режим работы интернет-магазина 9:00 - 16:20</h2>
    
    <form id="contact-form" name="contact-form" method="post" action="submit.php">
      <table width="100%" border="0" cellspacing="0" cellpadding="5">
        <tr>
          <td width="15%"><label for="name">Контактное имя<font color="red">*</font></label></td>
          <td width="70%"><input type="text" class="validate[required,custom[onlyLetter]]" name="name" id="name" value="<?=$_SESSION['post']['name']?>" /></td>
          <td width="15%" id="errOffset"> </td>
        </tr>
		<tr>
          <td width="15%"><label for="VIN">VIN-код(№ кузова)<font color="red">*</font></label></td>
         <td><input type="text" class="validate[required,custom[kuzov]]" name="VIN" id="VIN" value="<?=$_SESSION['post']['VIN']?>" /></td>
          <td width="15%" id="errOffset"> </td>
        </tr>
       <tr>
          <td class="border"><label for="country">Марка<font color="red">*</font></label></td>
          <td><select id="country" name="country">
    <option value=""></option>
    <option value="Alfa Romeo">Alfa Romeo</option>
    <option value="Audi">Audi</option>
    <option value="Bentley">Bentley</option>
    <option value="BMW">BMW</option>
	<option value="Buick">Buick</option>
	<option value="Cadillac">Cadillac</option>
	<option value="Chery">Chery</option>
	<option value="Chevrolet">Chevrolet</option>
	<option value="Chrysler">Chrysler</option>
	<option value="Citroen">Citroen</option>
	<option value="Dacia">Dacia</option>
	<option value="Daewoo">Daewoo</option>
	<option value="Daihatsu">Daihatsu</option>
	<option value="DODGE">DODGE</option>
	<option value="Fiat">Fiat</option>
	<option value="Ford">Ford</option>
	<option value="Geely">Geely</option>
	<option value="GMC">GMC</option>
	<option value="Honda">Honda</option>
	<option value="Honda Acura">Honda Acura</option>
	<option value="Hummer">Hummer</option>
	<option value="Hyundai">Hyundai</option>
	<option value="Infiniti">Infiniti</option>
	<option value="Isuzu">Isuzu</option>
	<option value="Jaguar">Jaguar</option>
	<option value="Jeep">Jeep</option>
	<option value="KIA">KIA</option>
	<option value="Lancia">Lancia</option>
	<option value="Land Rover">Land Rover</option>
	<option value="Lexus">Lexus</option>
	<option value="Lincoln">Lincoln</option>
	<option value="Maserati">Maserati</option>
	<option value="Maybach">Maybach</option>
	<option value="Mazda">Mazda</option>
	<option value="MCC Smart">MCC Smart</option>
	<option value="Mercedes">Mercedes</option>
	<option value="Mercury">Mercury</option>
	<option value="MG">MG</option>
	<option value="Mini">Mini</option>
	<option value="Mitsubishi">Mitsubishi</option>
	<option value="Nissan">Nissan</option>
	<option value="Oldsmobile">Oldsmobile</option>
	<option value="Opel">Opel</option>
	<option value="Peugeot">Peugeot</option>
	<option value="Plymouth">Plymouth</option>
	<option value="Pontiac">Pontiac</option>
	<option value="Porsche">Porsche</option>
	<option value="Proton">Proton</option>
	<option value="Renault">Renault</option>
	<option value="Rover">Rover</option>
	<option value="SAAB">SAAB</option>
	<option value="Samand">Samand</option>
	<option value="Saturn">Saturn</option>
	<option value="SEAT">SEAT</option>
	<option value="Skoda">Skoda</option>
	<option value="SsangYong">SsangYong</option>
	<option value="Subaru">Subaru</option>
	<option value="Suzuki">Suzuki</option>
	<option value="Toyota">Toyota</option>
	<option value="Volkswagen">Volkswagen</option>
	<option value="Volvo">Volvo</option>
	</select></td>
          <td> </td>
        </tr>
        <tr>
          <td width="15%"><label for="Mark">Марка</label></td>
          <td width="70%"><input type="text" name="Mark" id="Mark" value="<?=$_SESSION['post']['Mark']?>" /></td>
		  <td width="15%"><label for="artikul">Если нет в списке</label></td>
          <td width="15%" id="errOffset"> </td>
        </tr>
		<tr>
               <td class="border"><label for="auto">Модель<font color="red">*</font></label></td>
          <td><select id="auto" name="auto" disabled="disabled"></select></td>
          <td> </td>
        </tr>
		<tr>
          <td width="15%"><label for="Model">Модель</label></td>
          <td width="70%"><input type="text" name="Model" id="Model" value="<?=$_SESSION['post']['Model']?>" /></td>
	<td width="15%"><label for="artikul">Если нет в списке</label></td>
          <td width="15%" id="errOffset"> </td>
        </tr>
        <tr>
          <td class="border"><label for="Year">Год<font color="red">*</font></label></td>
          <td><select name="Year" id="Year">
            <option value="" selected="selected"></option>
			<option value="2011">2011</option>
            <option value="2010">2010</option>
            <option value="2009">2009</option>
			<option value="2008">2008</option>
			<option value="2007">2007</option>
			<option value="2006">2006</option>
			<option value="2005">2005</option>
			<option value="2004">2004</option>
			<option value="2003">2003</option>
			<option value="2002">2002</option>
			<option value="2001">2001</option>
			<option value="2000">2000</option>
			<option value="1999">1999</option>
			<option value="1998">1998</option>
			<option value="1997">1997</option>
			<option value="1996">1996</option>
			<option value="1995">1995</option>
			<option value="1994">1994</option>
			<option value="1993">1993</option>
			<option value="1992">1992</option>
			<option value="1991">1991</option>
			<option value="1990">1990</option>
			<option value="1989">1989</option>
			<option value="1988">1988</option>
			<option value="1987">1987</option>
			<option value="1986">1986</option>
			<option value="1985">1985</option>
			<option value="1984">1984</option>
			<option value="1983">1983</option>
			<option value="1982">1982</option>
			<option value="1981">1981</option>
			<option value="1980">1980</option>
           </select></td>
          <td> </td>
        </tr>
		<tr>
          <td class="border"><label for="toplivo">Топливо<font color="red">*</font></label></td>
          <td><select name="toplivo" id="toplivo">
            <option value="" selected="selected"></option>
			<option value="бензин">бензин</option>
			<option value="турбо-бензин">турбобензин</option>
            		<option value="дизель">дизель</option>
			<option value="турбо-дизель">турбодизель</option>
           		 <option value="газ">газ</option>
			<option value="газ-бензин">газ-бензин</option>
		 </select></td>
          <td> </td>
        </tr>
		 <tr>
          <td width="15%"><label for="Volume">Объем<font color="red">*</font></label></td>
          <td><input type="text" class="validate[required,custom[Volume]]" name="Volume" id="Volume" value="<?=$_SESSION['post']['Volume']?>" /></td>
          <td width="15%" id="errOffset"> </td>
        </tr>
        <tr>
          <td><label for="subject">ABS<font color="red">*</font></label></td>
          <td><select name="subject" id="subject">
            <option value="" selected="selected"></option>
            <option value="Yeas">Да</option>
            <option value="No">Нет</option>
           </select></td>
          <td> </td>
        </tr>

		<tr>
          <td><label for="telephone">Контактный телефон<font color="red">*</font></label></td>
          <td><input type="text" class="validate[required,custom[telephone]]" name="telephone" id="telephone" value="<?=$_SESSION['post']['telephone']?>" /></td>
          <td> </td>
        </tr>

        <tr>
          <td valign="top"><label for="message">Наименование товара<font color="red">*</font></label></td>
          <td><textarea name="message" id="message" class="validate[required]" cols="35" rows="5"><?=$_SESSION['post']['message']?></textarea></td>
          <td valign="top"> </td>
        </tr>

		<tr>
          <td width="15%"><label for="artikul">Оригинальный номер детали</label></td>
          <td width="70%"><input type="text" name="artikul" id="artikul" value="<?=$_SESSION['post']['artikul']?>" /></td>
		  <td width="15%"><label for="artikul">Если знаете</label></td>
          <td width="15%" id="errOffset"> </td>
        </tr>

	<tr>
      <td><label for="email">Email<font color="red">*</font></label></td>
      <td><input type="text" class="validate[required,custom[email]]" name="email" id="email" value="<?=$_SESSION['post']['email']?>" /></td>
      <td> </td>
      </tr>

        <tr>
          <td><label for="captcha"><?=$_SESSION['n1']?> + <?=$_SESSION['n2']?> =</label></td>
          <td><input type="text" class="validate[required,custom[onlyNumber]]" name="captcha" id="captcha" /></td>
          <td valign="top"> </td>
        </tr>
<td> </td>
<tr><td colspan=3 align='center'>при нажатии на кнопку “Отправить” вы соглашаетесь с условиями<br><font color=red>публичного договора</font></td></tr><td> </td>
        <tr>
          <td valign="top"> </td>
          <td colspan="2"><input type="submit" name="button" id="button" value="Отправить" />
          <input type="reset" name="button2" id="button2" value="Сброс" />
          
          <?=$str?>          <img id="loading" src="img/ajax-load.gif" width="16" height="16" alt="loading" /></td>
        </tr>
      </table>
      </form>
      <?=$success?>
    </div>
	<div class="tutorial-info">	

</div>
	</td>
</tr>
</table>
</body>
</html>

Спустя 5 минут, 51 секунда (23.03.2011 - 17:03) RuslanMRP написал(а):

sergeiss

Суть в том что когда страница длиной без скрола то все нормально - границы шапка с таблицей - совпадают, но как только страница становиться больше длиной и появляеться скрол - то она сдвигаеться влево примерно на ширину скрола

Спустя 13 минут, 22 секунды (23.03.2011 - 17:16) inpost написал(а):

RuslanMRP
1024 - разрешение экрана! Из них оформление браузера, такими как скроллинг и т.д. занимает приблизительно 20-22 пикселя, в зависимости от браузера, поэтому стандартная ширина для сайта: 1000px, некоторые любят стандартной ставить 950, но никак не 1024.

Спустя 2 минуты, 57 секунд (23.03.2011 - 17:19) RuslanMRP написал(а):

inpost

В моей ситуации не как не решить эту проблему? Может есть какой код?

Это придеться везде шапку переделовать.....

Спустя 14 минут, 36 секунд (23.03.2011 - 17:34) inpost написал(а):

RuslanMRP
Что значит везде шапку переделывать?
Один раз в общем макете меняешь. Год на форуме, надеюсь используешь удобную систему MVC по работе с сайтом?

Спустя 16 часов, 30 минут, 32 секунды (24.03.2011 - 10:04) RuslanMRP написал(а):

inpost

Последний раз когда я делал через include почему то не происходило индексирование сайта на yandex-e.

Проблема не в этом что разрешение экрана 1024, то что выприводили ниже - почему же тогда шапка сайта - не подвергаеться смещению влево?

Спустя 3 часа, 41 минута, 5 секунд (24.03.2011 - 13:45) inpost написал(а):

RuslanMRP
Потому что стоит align, вот и прижата к одному из краёв.
include - на стороне сервера, робот открывает страницы точно так же, как пользователь, получает полностью сформированную страницу от сервера, а не проиндексировала - тот проблема в СЕО наполнении, или ещё время должное не прошло.

Быстрый ответ:

Здесь расположена полная версия этой страницы.