- 01
- 02
- 03
- 04
- 05
- 06
- 07
- 08
- 09
- 10
- 11
- 12
- 13
- 14
.....
<table width=100% border=1>
<colgroup .....>
.....
<tr>
<td colspan=2>(тут шапка)</td>
</tr>
<tr>
<td width=60% colspan>(слева)</td>
<td width=40% colspan>(справа)</td>
</tr>
.....
</table>
.....
striker 06.04.2010 14:02 # +3.8
guest 06.04.2010 14:07 # +3.2
antigovnokoder 06.04.2010 14:40 # +2.6
lener 07.04.2010 06:10 # +0.8
antigovnokoder 07.04.2010 06:13 # −0.8
mrbig66 06.04.2010 14:28 # +7.2
antigovnokoder 06.04.2010 14:33 # +2.8
HyperGeek 06.04.2010 14:37 # −4.6
antigovnokoder 06.04.2010 14:38 # +6
HyperGeek 06.04.2010 20:02 # −0.2
antigovnokoder 07.04.2010 06:13 # −0.2
lener 06.04.2010 14:38 # −3
Нужна простота - используй таблицы, нужна красота - используй дивы
antigovnokoder 06.04.2010 14:39 # +1.2
lener 06.04.2010 14:53 # −6.6
#center{
width:200px;
height:200px;
background:#333;
color: #fff;
position:absolute;
margin: -100px 0 0 -100px;
left:50%;
top:50%;
}
</style>
<div id="center">Попробуй сделать оптимальнее на таблах</div>
и ничего лишнего :P
murz 06.04.2010 14:57 # +5.6
<table cellspacing="2" cellpadding="2" border="1" width="150">
<tr>
<td rowspan="2"> </td>
<td colspan="2"> </td>
</tr>
<tr>
<td> </td>
<td rowspan="2"> </td>
</tr>
<tr>
<td colspan="2"> </td>
</tr>
</table>
и ничего лишнего :P
P.S. Это лучше скопировать и посмотреть как выглядит
murz 06.04.2010 15:43 # +4
lener 07.04.2010 13:44 # 0
antigovnokoder 06.04.2010 18:00 # +2.8
lener 07.04.2010 14:32 # −0.2
guest 07.04.2010 17:03 # +0.2
antigovnokoder 06.04.2010 17:53 # +4.2
td{
color: #fff;
background:#333;
}
</style>
<table height=100% align=center>
<tr><td><table width=200 height=200><tr><td>Делать маленький код оптимальнее безполезно</td></tr></table></td></tr>
</table>
Как ниже грамотно заметили, сложную разметку проще сделать таблицами + она будет стабильно отображаться во всех браузерах одинаково без танцев с бубнами. Согласен с lener, что для маленькой декаративной разметки приятнее использовать div, но вопрос был именно об "основной" разметке сайта как в сабже.
guest 06.04.2010 14:41 # +3.4
guest 06.04.2010 14:44 # +1.6
guest 06.04.2010 14:45 # +2.2
antigovnokoder 06.04.2010 14:46 # +0.2
guest 07.04.2010 20:47 # −0.2
это не есть правда.
HyperGeek 06.04.2010 15:02 # +0.2
guest 06.04.2010 16:03 # +2.2
mrbig66 06.04.2010 16:40 # −2.4
guest 06.04.2010 16:58 # +0.2
guest 06.04.2010 17:14 # −1.2
guest 06.04.2010 17:49 # +0.8
guest 07.04.2010 17:04 # −0.2
guest 07.04.2010 20:48 # −1.2
antigovnokoder 09.04.2010 09:17 # 0
antigovnokoder 06.04.2010 18:01 # +3
guest 06.04.2010 21:33 # +0.2
lener 07.04.2010 10:53 # +1.2
guest 06.04.2010 16:20 # −0.6
guest 06.04.2010 16:58 # +1.8
antigovnokoder 06.04.2010 18:05 # +1.8
pasha 06.04.2010 18:18 # +4.4
Главное не фанатеть от чего-то одного, а то я видел, когда список товаров (чистой воды таблица) выводился дивами.
antigovnokoder 06.04.2010 19:23 # +6
P.S.: Очень хочу чтобы меня в этом кто-нибудь переубедил. Ведь типа же модно верстать div'ами..
guest 06.04.2010 21:34 # −1.4
mrbig66 06.04.2010 22:54 # 0
Рендер идет сразу же по мере получения кода разметки, но в этом случае ширина столбцов будет либо конкретно определена заранее, либо по первой строке.
mrbig66 06.04.2010 22:56 # +2.2
http://htmlbook.ru/html/table.html
mrbig66 06.04.2010 22:57 # +1
antigovnokoder 07.04.2010 06:08 # +0.2
guest 07.04.2010 17:06 # 0
guest 07.04.2010 20:52 # 0
lener 07.04.2010 10:43 # −1.2
antigovnokoder 07.04.2010 11:57 # −2
lener 07.04.2010 12:13 # +0.2
antigovnokoder 07.04.2010 12:43 # +0.2
lener 07.04.2010 13:33 # −1
antigovnokoder 07.04.2010 13:47 # −1
lener 07.04.2010 14:15 # −1.2
<style>
div {display: block; border:1px solid #000;}
#sidebar{ float: left; width: 60%;}
#content{ margin-left: 60%;}
</style>
разметка
<div id="header">(тут шапка)</div>
<div id="sidebar">(слева)</div>
<div id="content">(справа)</div>
antigovnokoder 07.04.2010 14:29 # −1
<table width=100%>
<tr><td>(тут шапка)</td></tr>
<tr><td width=40%>(слева)</td></tr>
<tr><td width=60%>(справа)</td></tr>
</tr></table>
antigovnokoder 07.04.2010 14:32 # −1
cp7 18.08.2010 14:27 # 0
Див кода меньше, даже если css кода было бы больше чем html оно бы всеравно грузилась быстрее, css двигло обрабатывает css быстрее чем html дмигло - хтмл + css кэштруется, html - нет, по поводу нестабильности ДИВов - дело в руках.
cp7 18.08.2010 14:31 # 0
guest 07.04.2010 20:55 # +0.2
antigovnokoder 09.04.2010 09:18 # 0
guest 07.04.2010 17:06 # 0
guest 08.04.2010 09:59 # +1
guest 06.04.2010 22:54 # +0.4
antigovnokoder 07.04.2010 06:11 # +0.6
guest 07.04.2010 09:43 # −1
lener 07.04.2010 10:08 # −3.2
mrbig66 07.04.2010 10:15 # −3
lener 07.04.2010 10:17 # +1.2
mrbig66 07.04.2010 10:23 # +1.2
lener 07.04.2010 10:29 # +1.2
antigovnokoder 07.04.2010 11:57 # −3.8
lener 07.04.2010 12:24 # −3.2
mrbig66 07.04.2010 12:37 # −0.2
antigovnokoder 07.04.2010 12:44 # −0.6
antigovnokoder 07.04.2010 12:45 # −0.6
antigovnokoder 07.04.2010 14:35 # −2.2
P.S.: до сих пор не считаю говнокодом каркас из таблиц ;)
lener 07.04.2010 14:38 # −1.2
antigovnokoder 07.04.2010 14:45 # −0.2
antigovnokoder 07.04.2010 14:48 # +0.2
lener 07.04.2010 14:50 # 0
antigovnokoder 07.04.2010 14:52 # 0
guest 07.04.2010 17:09 # −1.8
antigovnokoder 07.04.2010 14:42 # +0.2
antigovnokoder 07.04.2010 19:54 # +1
<html>
<head>
<!--[if IE]>
<script>
document.createElement('header');
document.createElement('aside');
document.createElement('article');
</script>
<![endif]-->
<style>
header, article, aside, {display: block; border:1px solid #000;}
article{ border:1px solid #000; float: left; width: 40%; }
aside{ margin-left: 40%;}
</style>
</head>
<body>
<header>(тут шапка)</header>
<article>(слева)</article>
<aside>(справа)</aside>
</body>
</html>
Немного погуглив набросал тоже самое на html5, хоть он и в разработке, но браузеры его поддерживают(не считая небольшой финт для IE6). Говнокод? Выглядит осмысленнее чем куча div'ов.. Без хака для IE - меньше даже чем на таблицах...
mrbig66 08.04.2010 08:11 # −2
От них никогда не избавишься, пока не выкинешь.
antigovnokoder 08.04.2010 08:23 # −2
wwwguru 08.04.2010 19:57 # 0
<header>
<table cellspacing="2" cellpadding="2" border="1" width="150">
<tr>
<td colspan="2"> </td>
</tr>
<tr>
<td> <div style="padding-left:10px"> <font face="Arial" size="5"> Новости </font></div> </td>
<td> <img src="spacer.gif" width="200" /> </td>
</tr>
</table>
</header>
// ыыы
antigovnokoder 09.04.2010 06:04 # 0
lener 09.04.2010 07:10 # +0.8
antigovnokoder 09.04.2010 08:00 # +0.8
lener 09.04.2010 08:01 # −2.2
antigovnokoder 09.04.2010 08:04 # −1.2
lener 09.04.2010 08:46 # 0
такое сейчас только готовый инструментарий шепает, не руками же такое писать?
antigovnokoder 09.04.2010 09:24 # +0.2
lener 09.04.2010 13:21 # +0.8