Отображение в Dreamvwever'е и в браузере

mxm008 · February 2, 2010

Возникла проблема: у меня по разному отображается в проге Dreamweaver и браузере.

На первой картинке то что у меня в Дримвейвере, а на второй то что в браузере.

P.S. Я использую у себя установленый сервер.

Код html:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Untitled Document</title>
<link href="style.css" rel="stylesheet" type="text/css">
</head>

<body>

<table class="main" width="850" callpadding="0" cellspacing="0">
	<tr>
		<td valign="top" width="250"><div class="nav_mag">
			<a href="#" target="_blank"><img src="img/logo2.jpg" border="0"></a></div>
		</td>
		<td valign="top"><div class="nav_mag"><div class="nav_blok">
			<p class="nav_link">ПРИМЕР</p>
		</div></div>
		</td>
	</tr>
</table>
</body>
</html>

Код css:

/* CSS Document */

body {
  background-color: #eeeeee;
  margin: 0px;}

table.main {
  border: 1px solid #999999; 
  border-top: none;  
  background-color: #ffffff;
  margin: 0 auto;
  padding: 0px;}

p.nav_link {
  font-family: trebuchet ms;
  font-size: 24px;
  font-weight: bold;}

.nav_mag {
  padding: 0px;
  padding-top: 30px;
  padding-bottom: 30px;
  margin: 0px;}

.nav_blok {
  background-color: #424242;
  height: 90px;
  border: none;}

Помогите плиз!!!

Edited February 2, 2010 by mxm008

rus · February 2, 2010

html,body {padding:0;margin:0;width:100%;height:100%;}
.main {width:850px;margin:0 auto;}
.nav_mag {width:250px;float:left;}
.nav_blok {width:600px;float:left;}
<div class="main">
<div class="nav_mag"></div>
<div class="nav_blok"></div>
</div>

И никаких таблиц.

psywalker · February 2, 2010

ТС, никогда не тести вёрстку в Дримвивере и прочих прогах. Всегда тести только в браузерах и желательно в разных.

mxm008 · February 2, 2010

html,body {padding:0;margin:0;width:100%;height:100%;}
.main {width:850px;margin:0 auto;}
.nav_mag {width:250px;float:left;}
.nav_blok {width:600px;float:left;}
<div class="main">
<div class="nav_mag"></div>
<div class="nav_blok"></div>
</div>

И никаких таблиц.

Это все конечно круто, но это же только шапка. Ее на div'ах можно сверстать, а потом же пойдет тело, там куча блоков - там на div' ах будет сложно...

Мне в теле нужно будет сделать сайдбар, я не знаю как это реализовать без таблицы.

Edited February 2, 2010 by mxm008

Justnewone · February 2, 2010

Это все конечно круто, но это же только шапка. Ее на div'ах можно сверстать, а потом же пойдет тело, там куча блоков - там на div' ах будет сложно...

ну ну ))) понаделаете колспанов и роуспанов, ширины-высоты когда будете ставить, тогда и научитесь дивами верстать -)

psywalker · February 2, 2010

ТС, советую http://stepbystep.htmlbook.ru/

Sign In

Отображение в Dreamvwever'е и в браузере

Question

mxm008

Link to comment

Share on other sites

5 answers to this question

Recommended Posts

rus

Link to comment

Share on other sites

psywalker

Link to comment

Share on other sites

mxm008

Link to comment

Share on other sites

Justnewone

Link to comment

Share on other sites

psywalker

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information