Размещение таблицы

@RuslanBLR · Регистрация: 30.09.2010

Author24 — интернет-сервис помощи студентам

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

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

@RosenR@t · 23.03.2011, 16:49

Код бы посмотреть, так трудно что то сказать...

@RuslanBLR · 23.03.2011, 17:08 **[ТС]**

Я его еще не выложил - хочеться протестировать на локальном.

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

Добавлено через 15 минут

HTML5

<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>

@RuslanBLR 4 / 4 / 1 Регистрация: 30.09.2010 Сообщений: 95
		1
	Размещение таблицы 23.03.2011, 16:48. Показов 1395. Ответов 2 Метки нет (Все метки) Привет! Подскажи в током вопросе! Создана шапка сайта на div-ах имеет 1024 width align=center, к ней приделол PHP код - в котором имееться таблица такой же ширины и выровнена по центру. Но есть проблема. В Opere как только таблица достигает длины до появления скрола таблица отодвигаеться от скрола на несколько px, и получаеться не состыковка шапки с таблицей. В Explorer работает все хорошо. Как устранить это? Помогите пожалуйста!!!!!!! 0

@RosenR@t 136 / 136 / 7 Регистрация: 07.07.2010 Сообщений: 774
	23.03.2011, 16:49	2
	Код бы посмотреть, так трудно что то сказать... 0

	23.03.2011, 17:08

Размещение таблицы

Решение