Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #21 (permalink)  
Старый 23.08.2012, 17:47
без статуса
Отправить личное сообщение для Deff Посмотреть профиль Найти все сообщения от Deff
 
Регистрация: 25.05.2012
Сообщений: 8,219

wawandas,
В ИЕ без таблы - убъете время(хотя - получите опыт
Ответить с цитированием
  #22 (permalink)  
Старый 23.08.2012, 17:56
Аватар для wawandas
Аспирант
Отправить личное сообщение для wawandas Посмотреть профиль Найти все сообщения от wawandas
 
Регистрация: 05.08.2012
Сообщений: 58

порекомендуйте пожалуйста материал о правильной верстке
Ответить с цитированием
  #23 (permalink)  
Старый 23.08.2012, 22:44
Аватар для wawandas
Аспирант
Отправить личное сообщение для wawandas Посмотреть профиль Найти все сообщения от wawandas
 
Регистрация: 05.08.2012
Сообщений: 58

решил делать на таблицах, что не так делаю? всё равно растягивается в ie7

проблема только в ie7 код ниже смотреть только в ie7!

<style type="text/css">

.form
{
	background: #F1FDF2;
	font-family: Arial;
	margin:0px auto;
	border:1px solid #ccc;
	height:460px;
	width:430px;
	padding:0;
}
table
{
	margin:10px auto;
	padding:0;
	height:440px;
	width:400px;
}
td
{
	width:100px;
}
tr
{
	height:10px;
}
td img
{
	vertical-align:bottom;
	height:60px;
}
.text_cell
{
	font-family: Arial;
	text-align: justify;
	font-weight:bolder;
	font-size:12px;
}

</style>

		<div class="form">
				<form  method="post" action="#">
					<table border="1" cellspacing="0" cellpadding="0">
						<tbody>
							<tr>
								<td colspan="3" style="border-bottom:2px solid #27A417;">Cover Details</td>
								<td rowspan="2" align="center">&nbsp;</td>
							</tr>
							<tr>
								<td>&nbsp;</td>
								<td>&nbsp;</td>
								<td>&nbsp;</td>
							</tr>
							<tr>
								<td>&nbsp;</td>
								<td>&nbsp;</td>
								<td>&nbsp;</td>
								<td>&nbsp;</td>
							</tr>
							<tr>
								<td>&nbsp;</td>
								<td>&nbsp;</td>
								<td colspan="2">&nbsp;</td>
							</tr>
							<tr>
								<td>&nbsp;</td>
								<td colspan="2">&nbsp;</td>
								<td>&nbsp;</td>
							</tr>
						   <tr>
								<td colspan="4">&nbsp;</td>
							</tr>
							<tr>
								<td>&nbsp;</td>
								<td colspan="3">&nbsp;</td>
							</tr>
							<tr>
								<td>&nbsp;</td>
								<td>&nbsp;</td>
								<td colspan="2">
										<select>
													<option selected="selected">Day</option>
													<option value="">01</option>
													<option value="">02</option>
													<option value="">...</option>
													<option value="">...</option>	
										</select>
										<select style="display:inline;">
													<option selected="selected">Math</option>
													<option value="">Jan</option>
													<option value="">Dec</option>
													<option value="">...</option>
													<option value="">...</option>	
										</select>
								
								</td>
							</tr>
							<tr>
								<td>&nbsp;</td>
								<td>&nbsp;</td>
								<td colspan="2">&nbsp;</td>
							</tr>
							<tr>
								<td>&nbsp;</td>
								<td>&nbsp;</td>
								<td colspan="2">&nbsp;</td>
							</tr>
							<tr>
								<td class="text_cell">Your<br/>occupation:</td>
								<td><input type="text" name="occupation" value="" size="12"/></td>
								<td colspan="2">&nbsp;</td>
							</tr>
						</tbody>
					</table>
				</form>  
			</div>
Ответить с цитированием
  #24 (permalink)  
Старый 24.08.2012, 00:20
Аватар для wawandas
Аспирант
Отправить личное сообщение для wawandas Посмотреть профиль Найти все сообщения от wawandas
 
Регистрация: 05.08.2012
Сообщений: 58

Deff,
ошибок нет же, всё я правильно накодил ((( из 7 браузеров только у одного проблемы, значит проблема именно в ie7
Ответить с цитированием
  #25 (permalink)  
Старый 24.08.2012, 00:46
без статуса
Отправить личное сообщение для Deff Посмотреть профиль Найти все сообщения от Deff
 
Регистрация: 25.05.2012
Сообщений: 8,219

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru" dir="ltr">
<style type="text/css">

.form
{
	background: #F1FDF2;
	font-family: Arial;
	margin:0px auto;
	border:1px solid #ccc;
	height:460px;
	width:430px;
	padding:0;
}
table
{
	margin:10px auto;
	padding:0;
	height:440px;
	width:400px;
}

tr
{
	height:10px;
}
td img
{
	vertical-align:bottom;
	height:60px;
}
.text_cell
{
	font-family: Arial;
	text-align: justify;
	font-weight:bolder;
	font-size:12px;
}

</style>

		<div class="form">
				<form  method="post" action="#">
					<table border="1" cellspacing="0" cellpadding="0">
						<tbody>
								<col width=100>
								<col width=100>
								<col width=100>
								<col width=100>

							<tr>
								<td colspan="3" style="border-bottom:2px solid #27A417;">Cover Details</td>
								<td rowspan="2" align="center">&nbsp;</td>
							</tr>
							<tr>
								<td>&nbsp;</td>
								<td>&nbsp;</td>
								<td>&nbsp;</td>
							</tr>
							<tr>
								<td>&nbsp;</td>
								<td>&nbsp;</td>
								<td>&nbsp;</td>
							</tr> 
							<tr>
								<td>&nbsp;</td>
								<td>&nbsp;</td>
								<td>&nbsp;</td>
								<td>&nbsp;</td>
							</tr>
							<tr>
								<td>&nbsp;</td>
								<td>&nbsp;</td>
								<td colspan="2">&nbsp;</td>
							</tr>
							<tr>
								<td>&nbsp;</td>
								<td colspan="2">&nbsp;</td>
								<td>&nbsp;</td>
							</tr>
						   <tr>
								<td colspan="4">&nbsp;</td>
							</tr>
							<tr>
								<td>&nbsp;</td>
								<td colspan="3">&nbsp;</td>
							</tr>
							<tr>
								<td>&nbsp;</td>
								<td>&nbsp;</td>
								<td colspan="2">
										<select>
													<option selected="selected">Day</option>
													<option value="">01</option>
													<option value="">02</option>
													<option value="">...</option>
													<option value="">...</option>	
										</select>
										<select style="display:inline;">
													<option selected="selected">Math</option>
													<option value="">Jan</option>
													<option value="">Dec</option>
													<option value="">...</option>
													<option value="">...</option>	
										</select>
								
								</td>
							</tr>
							<tr>
								<td>&nbsp;</td>
								<td>&nbsp;</td>
								<td colspan="2">&nbsp;</td>
							</tr>
							<tr>
								<td>&nbsp;</td>
								<td>&nbsp;</td>
								<td colspan="2">&nbsp;</td>
							</tr>
							<tr>
								<td class="text_cell">Your<br/>occupation:</td>
								<td><input type="text" name="occupation" value="" size="12"/></td>
								<td colspan="2">&nbsp;</td>
							</tr>
						</tbody>
					</table>
				</form>  
			</div>
</body>
</html>

Последний раз редактировалось Deff, 24.08.2012 в 09:22.
Ответить с цитированием
  #26 (permalink)  
Старый 24.08.2012, 14:38
Аватар для wawandas
Аспирант
Отправить личное сообщение для wawandas Посмотреть профиль Найти все сообщения от wawandas
 
Регистрация: 05.08.2012
Сообщений: 58

спасибо! проблема была в ширине ячейки

Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Проблемы с последовательностью операций в IE7 igor1985 Internet Explorer 1 31.05.2012 00:12
Картинки-ссылки в меню не работают в IE7 Александр345 Internet Explorer 6 16.06.2011 18:33
Взаимодействие фреймов. IE7 Svarog81 Internet Explorer 1 03.03.2011 13:08
слетает верстка в IE6 и IE7 (js используется) rognarek Internet Explorer 3 08.09.2010 19:34
Тормозит подсветка td в IE7 Beck Events/DOM/Window 7 25.04.2010 21:45