Помогите с вёрсткой

Статус
В этой теме нельзя размещать новые ответы.
а можно не заморачиваться и сделать все проще :)

HTML: 
<table width=100%>
<td width=50% style="пишем левый БГ нужный"></td>
<td width=1000 *пишем нужную ширину*>
   /*можно на всяк поставить еще распорку*/
  <img src="/images/p.gif" width=1000 height=1> 
</td>
<td width=50% style="пишем правый БГ нужный"></td>
</table>
 
  • Нравится
Реакции: able
Anu написал(а):
а можно не заморачиваться и сделать все проще :)

HTML: 
<table width=100%>
<td width=50% style="пишем левый БГ нужный"></td>
<td width=1000 *пишем нужную ширину*>
   /*можно на всяк поставить еще распорку*/
  <img src="/images/p.gif" width=1000 height=1> 
</td>
<td width=50% style="пишем правый БГ нужный"></td>
</table>
Нажмите для раскрытия...

Да, как вариант :) только хотелось дивами сверстать..

mapping написал(а):
гиблое это дело...
Нажмите для раскрытия...

что именно?
 
а слева. но справа всё дорисовывается
Нажмите для раскрытия...
добавь для блока с position: relative
margin: 0 auto;
Нажмите для раскрытия...

вот только кажется мне, что будет проблема в IE6, ждем результатов )
Нажмите для раскрытия...
для обертывающего дива с overflow: hidden надо добавить zoom: 1; (и вроде position: relative; для ie6).
 
able написал(а):
Да, как вариант :) только хотелось дивами сверстать..
?
Нажмите для раскрытия...

у Вас диво-мания ? :) Поймите каждое средство хорошо только там, где оно актуально и действительно эффективно. Не стоит считать, что дивы это панацея и только дивами верстать правильно.

Зачем плодить десятки строк кода, когда можно все сделать в 5?
 
Anu написал(а):
у Вас диво-мания ? :) Поймите каждое средство хорошо только там, где оно актуально и действительно эффективно. Не стоит считать, что дивы это панацея и только дивами верстать правильно.

Зачем плодить десятки строк кода, когда можно все сделать в 5?
Нажмите для раскрытия...

Ну теперь это дело принципа -- сделать на дивах :)
Хотя на практике уже реализовать с помощью Вашего кода, спасибо :)
Наверное, Вы правы. :)
 
Поймите каждое средство хорошо только там, где оно актуально и действительно эффективно. Не стоит считать, что дивы это панацея и только дивами верстать правильно
Нажмите для раскрытия...
использование таблиц уместно только при верстке табличных данных, в остальных случаях следует использовать блоки, или же другие теги, более уместные по смыслу (dl, ul, etc).

интересно, чем ваш код лучше моего?
<table width=100%>
<td width=50%></td>
<td width=1000></td>
<td width=50%></td>
</table>
Нажмите для раскрытия...
3 ячейки и обертывающая таблица.

в моем случае
<div id="">
<div id="">текст
<div id="left"></div>
<div id="right"></div></div>
</div>
Нажмите для раскрытия...
4 блока.

ваш пример ничем не лучше, имхо, если не учитывать тот факт, что ячейка таблицы растянется, при размещении в ней большой картинки или же длинного текста, в таком случае структура поплывет.
 
Вот рабочий пример, проверял в IE6, IE7 и в лисе !
Код: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title></title>
<style type="text/css">

body {
	margin: 0px;
}

#leftbg {
	z-index: 1;
	width: 200px;
	height: 910px;
	position: absolute;
	background:red;

}

#rightbg {
	text-align:right;
	z-index: 1;
	width: 200px;
	height: 910px;
	position: absolute;
	background:blue;
	right:0px;
}
#center {
	margin: 0 auto;
	width: 900px;
	height:500px;
	top: 0px;
	position: relative;
	background:silver;
	z-index: 2;
}

#clearfix {
clear:both; padding:0px; margin:0px; font-size:1px;
}
</style></head>

<body>
<div id="leftbg">LEFT</div>
<div id="rightbg">RIGHT</div>
<div id="clearfix"></div>
<div id="center">Требуется Flash-player.</div>
</body>
</html>
 
Статус
В этой теме нельзя размещать новые ответы.
Назад
Сверху