[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: Сайт не растягиваеться в Explorer
Форум PHP программистов > Дизайн и верстка
RuslanMRP
19.11.2010 - 13:15
Привет! Подскажите почему в Opere сайт растягиваеться на всю ширину, а в Explorer - нет. Как сделать. Подскажите.

<html>
<head>
<?
if (!isset($title)) $title='Главная  Тартуга-драйв'; // на случай, если забуду создать переменную
echo "<title>$title</title>";
?>
<title>Главная - Тартуга</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">

<link href="css/style.css" rel="stylesheet" type="text/css">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

<!-- ImageReady Slices (1.psd) -->
<table id="________01" width="100%" height="100" border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td width="8" height="14">
			<img src="images/1_01.jpg" width="8" height="14" alt=""></td>
		<td class="q1">
			<img src="images/1_02.jpg" width="12" height="14" alt=""></td>
		<td width="188" height="14">
			<img src="images/1_03.jpg" width="188" height="14" alt=""></td>
		<td width="155" height="14">
			<img src="images/1_04.jpg" width="155" height="14" alt=""></td>
		<td width="159" height="14">
			<img src="images/1_05.jpg" width="159" height="14" alt=""></td>
		<td width="152" height="14">
			<img src="images/1_06.jpg" width="152" height="14" alt=""></td>
		<td width="165" height="14">
			<img src="images/1_07.jpg" width="165" height="14" alt=""></td>
		<td width="10" height="14">
			<img src="images/1_08.jpg" width="10" height="14" alt=""></td>
		<td width="38" height="14">
			<img src="images/1_09.jpg" width="38" height="14" alt=""></td>
		<td class="q2">
			<img src="images/1_10.jpg" width="4" height="14" alt=""></td>
		<td width="9" height="14">
			<img src="images/1_11.jpg" width="9" height="14" alt=""></td>
	</tr>
	<tr>
		<td width="8" height="25">
			<img src="images/1_12.jpg" width="8" height="25" alt=""></td>
		<td bgcolor=#2b68bb>
			<div id="main">
<div id="navbar">
<ul>
<li>
<a href="#" onclick="showlayer('login_menu')">Войти</a></li>
</ul>
<div id="login_menu" style="display:none;">

<div id="signup-user-col">
Войти в систему:
<p><form action="ostat.php" method="post">
<ul>
<li>
<label for="email">Логин:</label>
<input type="text" id="email" name="login" size="18"/>
</li>
<li>
<label for="psw">Пароль:</label>
<input type="password" id="psw" name="pass" size="18"/>
</li>
<button type="submit" class="green-button" name="goostat">Войти!</button>
</ul>
</form></p>
</div>
<div class="spacer"></div>
</div>
</div>
</div>
</td>
		<td width="188" height="25">
			<img src="images/1_14.jpg" width="188" height="25" alt=""></td>
		<td width="155" height="25">
			<img src="images/1_15.jpg" width="155" height="25" alt=""></td>
		<td width="159" height="25">
			<img src="images/1_16.jpg" width="159" height="25" alt=""></td>
		<td width="152" height="25">
			<img src="images/1_17.jpg" width="152" height="25" alt=""></td>
			<form action="poisk.php" method="GET">
		<td><input type="text" name="poisk" class="form-text" maxlength="30" size="35" value="<?php $_GET['poisk']; ?>Поиск по прайсу..." onblur="if(this.value=='') this.value='Поиск по прайсу...';" onfocus="if(this.value=='Поиск по прайсу...') this.value='';" border="0"></td>
		<td width="10" height="25">
			<img src="images/1_19.jpg" width="10" height="25" alt=""></td>
		<td width="38" height="25">
			<input  style="border:0px; width:38; height:25; background:url('images/1_20.jpg')" type="submit"  name="go1" value=""></td>
			</form>
		<td  class="q4">
			<img src="images/1_21.jpg" width="4" height="25" alt=""></td>
		<td width="9" height="25">
			<img src="images/1_22.jpg" width="9" height="25" alt=""></td>
	</tr>
	<tr>
		<td width="8" height="16">
			<img src="images/1_23.jpg" width="8" height="16" alt=""></td>
		<td class="q5">
			<img src="images/1_24.jpg" width="12" height="16" alt=""></td>
		<td width="188" height="16">
			<img src="images/1_25.jpg" width="188" height="16" alt=""></td>
		<td width="155" height="16">
			<img src="images/1_26.jpg" width="155" height="16" alt=""></td>
		<td width="159" height="16">
			<img src="images/1_27.jpg" width="159" height="16" alt=""></td>
		<td width="152" height="16">
			<img src="images/1_28.jpg" width="152" height="16" alt=""></td>
		<td width="165" height="16">
			<img src="images/1_29.jpg" width="165" height="16" alt=""></td>
		<td width="10" height="16">
			<img src="images/1_30.jpg" width="10" height="16" alt=""></td>
		<td width="38" height="16">
			<img src="images/1_31.jpg" width="38" height="16" alt=""></td>
		<td  class="q6">
			<img src="images/1_32.jpg" width="4" height="16" alt=""></td>
		<td width="9" height="16">
			<img src="images/1_33.jpg" width="9" height="16" alt=""></td>
	</tr>
	<tr>
		<td width="8" height="131">
			<img src="images/1_34.jpg" width="8" height="131" alt=""></td>
		<td class="q7">
			<img src="images/1_35.jpg" width="12" height="131" alt=""></td>
		<td width="188" height="131">
			<img src="images/1_36.jpg" width="188" height="131" alt=""></td>
		<td width="155" height="131">
			<img src="images/1_37.jpg" width="155" height="131" alt=""></td>
		<td width="159" height="131">
			<img src="images/1_38.jpg" width="159" height="131" alt=""></td>
		<td width="152" height="131">
			<img src="images/1_39.jpg" width="152" height="131" alt=""></td>
		<td width="165" height="131">
			<img src="images/1_40.jpg" width="165" height="131" alt=""></td>
		<td width="10" height="131">
			<img src="images/1_41.jpg" width="10" height="131" alt=""></td>
		<td width="38" height="131">
			<img src="images/1_42.jpg" width="38" height="131" alt=""></td>
		<td  class="q8">
			<img src="images/1_43.jpg" width="4" height="131" alt=""></td>
		<td width="9" height="131">
			<img src="images/1_44.jpg" width="9" height="131" alt=""></td>
	</tr>
	<tr>
		<td width="8" height="121">
			<img src="images/1_45.jpg" width="8" height="121" alt=""></td>
		<td class="q9"> 
			<img src="images/1_46.jpg" width="12" height="121" alt=""></td>
		<td width="188" height="121">
			<img src="images/1_47.jpg" width="188" height="121" alt=""></td>
		<td width="155" height="121">
			<img src="images/1_48.jpg" width="155" height="121" alt=""></td>
		<td width="159" height="121">
			<img src="images/1_49.jpg" width="159" height="121" alt=""></td>
		<td width="152" height="121">
			<img src="images/1_50.jpg" width="152" height="121" alt=""></td>
		<td width="165" height="121">
			<img src="images/1_51.jpg" width="165" height="121" alt=""></td>
		<td width="10" height="121">
			<img src="images/1_52.jpg" width="10" height="121" alt=""></td>
		<td width="38" height="121">
			<img src="images/1_53.jpg" width="38" height="121" alt=""></td>
		<td  class="q10">
			<img src="images/1_54.jpg" width="4" height="121" alt=""></td>
		<td width="9" height="121">
			<img src="images/1_55.jpg" width="9" height="121" alt=""></td>
	</tr>
	<tr>
		<td width="8" height="70">
			<img src="images/1_56.jpg" width="8" height="70" alt=""></td>
		<td class="q11">
			<img src="images/1_57.jpg" width="12" height="70" alt=""></td>
		<td width="188" height="70">
			<img src="images/1_58.jpg" width="188" height="70" alt=""></td>
		<td width="155" height="70>
		
		<a href="index.html">
				
		<a href="index.php"><img src="images/1_59.jpg" width="155" height="70"    
onmouseover="this.src='images/2_59.jpg';" onmouseout="this.src='images/1_59.jpg';" border="0" alt="Главная"></a></td>
		<td width="159" height="70">
			<a href="zakaz.php"><img src="images/1_60.jpg" width="159" height="70"   
onmouseover="this.src='images/2_60.jpg';" onmouseout="this.src='images/1_60.jpg';" border="0" alt="Заказать"></a></td>
		<td width="152" height="70">
			<a href="price.php"><img src="images/1_61.jpg" width="152" height="70"   
onmouseover="this.src='images/2_61.jpg';" onmouseout="this.src='images/1_61.jpg';" border="0" alt="Прайс-лист"></a></td>
		<td width="165" height="70">
			<a href="contakt.php"><img src="images/1_62.jpg" width="165" height="70"   
onmouseover="this.src='images/2_62.jpg';" onmouseout="this.src='images/1_62.jpg';" border="0" alt="Контакты"></a></td>
		<td width="10" height="70">
			<img src="images/1_63.jpg" width="10" height="70" alt=""></td>
		<td width="38" height="70">
			<img src="images/1_64.jpg" width="38" height="70" alt=""></td>
		<td class="q12">
			<img src="images/1_65.jpg" width="4" height="70" alt=""></td>
		<td width="9" height="70">
			<img src="images/1_66.jpg" width="9" height="70" alt=""></td>
	</tr>
 
</table>


CSS:

.q1{background: url("../images/1_02.jpg"); background-repeat: repeat-x;}
.q2{background: url("../images/1_10.jpg"); background-repeat: repeat-x;}
.q3{background: url("../images/1_13.jpg"); background-repeat: repeat-x;}
.q4{background: url("../images/1_21.jpg"); background-repeat: repeat-x;}
.q5{background: url("../images/1_24.jpg"); background-repeat: repeat-x;}
.q6{background: url("../images/1_32.jpg"); background-repeat: repeat-x;}
.q7{background: url("../images/1_35.jpg"); background-repeat: repeat-x;}
.q8{background: url("../images/1_43.jpg"); background-repeat: repeat-x;}
.q9{background: url("../images/1_46.jpg"); background-repeat: repeat-x;}
.q10{background: url("../images/1_54.jpg"); background-repeat: repeat-x;}
.q11{background: url("../images/1_57.jpg"); background-repeat: repeat-x;}
.q12{background: url("../images/1_65.jpg"); background-repeat: repeat-x;}
.w1{background: url("../images/полоса_03.jpg"); background-repeat: repeat-x;}
.w2{background: url("../images/полоса_12.jpg"); background-repeat: repeat-x;}





Спустя 6 минут, 7 секунд (19.11.2010 - 12:21) linker написал(а):
Есть 
<td width="155" height="70>
Надо 
<td width="155" height="70">

Спустя 28 минут, 46 секунд (19.11.2010 - 12:50) RuslanMRP написал(а):
Это не помогло! Я думаю это не как не влияет.

Спустя 5 минут, 51 секунда (19.11.2010 - 12:56) linker написал(а):
Исчо как может влиять. А по существу, у тебя размеры колонок заданы фиксированной шириной, IE пофигу какой ширины у тебя таблица, он ее отобразит суммарно по всем колонкам. Ставь у колонок значения в процентах и будет тебе счастье.

Спустя 4 минуты, 56 секунд (19.11.2010 - 13:00) RuslanMRP написал(а):
Везде?

Спустя 16 минут, 42 секунды (19.11.2010 - 13:17) linker написал(а):
Конечно.

Спустя 8 минут, 5 секунд (19.11.2010 - 13:25) RuslanMRP написал(а):
Шапка создана в Photoshope. Если я задаю фиксированную ширину и длину ячейкам, они становяться как и есть а поля которые должны ростягиваться не растягиваються.

Или я что-то не так делаю?

Спустя 14 минут, 31 секунда (19.11.2010 - 13:40) linker написал(а):
Ты определись, либо резиновая таблица, либо фиксированная. Можно конечно отдельные поля оставить фиксированными, а другим в процентах, но даже в этом случае сумма значений в процентах все равно должна ровняться 100.

Спустя 3 минуты (19.11.2010 - 13:43) RuslanMRP написал(а):
резиновая. Как это сделать в моем случаи?

Спустя 24 минуты, 36 секунд (19.11.2010 - 14:07) linker написал(а):
Могу посоветовать сделать шапку отдельной таблицей. Вообще сложно посоветовать я не вижу как оно выглядит в реале.

Спустя 1 минута, 21 секунда (19.11.2010 - 14:09) RuslanMRP написал(а):
Сайт - tartuga.by посмотрите в Opere и Explorer

Спустя 7 минут, 30 секунд (19.11.2010 - 14:16) linker написал(а):
Понятно. Большая часть проблемы от того, что у тебя <img src=""> занимают все те моменты, где необходимо использовать background-image. От того и резину тебе сложно сделать из шапки.

Спустя 3 минуты, 35 секунд (19.11.2010 - 14:20) RuslanMRP написал(а):
Можно как-нибудь сделать? Подскажите!!!!!!

Спустя 19 минут, 27 секунд (19.11.2010 - 14:39) linker написал(а):
Переверстывать шапку, а прежде почитать про HTML, CSS.

Спустя 1 день, 49 минут, 41 секунда (20.11.2010 - 15:29) RuslanMRP написал(а):
linker

Нашел в чем проблема:

Помогите разобраться как это можно исправить! Не понимаю как это сделать - если у меня в одной ячейки находиться type="text" в другой уже type="submit". А нужно чтобы вся форма была только в одной ячейки?

<td class="r11"> 
            <img src="images/1_14.jpg" class="t13" alt=""></td> 
        <td class="r12"> 
            <img src="images/1_15.jpg" class="t14" alt=""></td> 
        <td class="r13"> 
            <img src="images/1_16.jpg" class="t15" alt=""></td> 
        <td class="r14"> 
            <img src="images/1_17.jpg" class="t16" alt=""></td> 
        <td><form action="poisk.php" method="GET"><input type="text" name="poisk" class="form-text" maxlength="30" size="35" value="<?php $_GET['poisk']; ?>Поиск по прайсу..." onblur="if(this.value=='') this.value='Поиск по прайсу...';" onfocus="if(this.value=='Поиск по прайсу...') this.value='';" border="0"></td> 
        <td class="r15"> 
            <img src="images/1_19.jpg" class="t17" alt=""></td> 
        <td class="r16"> 
            <input  style="border:0px; width:38; height:25; background:url('images/1_20.jpg')" type="submit"  name="go1" value=""></form></td> 
        <td  class="q4"> 
            <img src="images/1_21.jpg" class="t18" alt=""></td> 
        <td class="r17"> 
            <img src="images/1_22.jpg" class="t19" alt=""></td>

Быстрый ответ:
Powered by dgreen

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.