| |
|
|
| | Добрый вечер. только начал знакомиться с div-версткой и css. Сверстал сайт в FireFox все отлично, а вот в IE все содержание страницы почему-то съехало влево. Подскажите что не так.
Вот файл default.css:
html, body, p, ul, li, a, div, u {
margin: 0;
padding: 0;
font-family: Georgia, Times New Roman, Arial, Verdana;
}
p.questions {
color: black;
font-size: 15px;
font-family: Arial;
text-align: justify;
}
p.name {
color: #707070;
font-size: 15px;
font-family: Georgia;
}
p.data {
color: #707070;
font-size: 12px;
font-family: Georgia;
}
p.news {
color: black;
font-size: 12px;
font-family: Georgia;
text-align: justify;
}
p.footer {
color: white;
font-size: 12px;
font-family: Arial;
text-align: center;
}
a.rybrika {
color: red;
font-size: 16px;
text-decoration: none;
font-family: Arial;
}
a.sity {
color: black;
font-size: 14px;
text-decoration: none;
font-family: Georgia;
}
a.look {
color: red;
font-size: 12px;
text-decoration: none;
font-family: Georgia;
}
img {
border: 0;
}
#body {
padding: 0;
margin: 0 auto;
background:white;
font-size: 12pt;
color: #555555;
background: white url(../img/body_bg.gif) repeat-y 50% 0;
}
#contentWrapper {
align: center;
display: block;
position: relative;
margin: 0 auto;
width: 960px;
font-family: Georgia;
}
/* ------------- header ------------- */
#header {
padding-left: 10px;
padding-right: 10px;
/*padding-bottom: 5px;
border-bottom: 2px #ffda00 solid;*/
}
#header img.logo {
border: 0px;
padding: 0;
margin: 0;
width: 326px;
height: 102px;
}
#header .advert {
display: block;
position: absolute;
left: 334px;
top: 0;
width: 610px;
height: 102px;
text-align: right;
/*background: white url(../img/top.png) no-repeat 0 0;*/
}
#header .advert a {
color: grey;
font-size: 10px;
text-align: right;
}
/* ------------- konferenc ------------- */
#konferenc {
padding-left: 10px;
padding-right: 10px;
}
/* ------------- photo ------------- */
#photo {
padding-left: 10px;
padding-right: 10px;
height: 230px;
}
/* ------------- content ------------- */
#content {
padding-left: 10px;
padding-right: 10px;
}
/* ------------- footer ------------- */
#footer {
width: 960px;
height: 50px;
text-align: center;
background: #ec1303;
}
|
А вот сама сверстанная страница:
<html>
<head>
<title><?php echo "$title"; ?></title>
<meta name="keywords" content="<?php echo "$keywords"; ?>" />
<meta name="description" content="<?php echo "$description"; ?>" />
<link rel="stylesheet" type="text/css" media="all" href="./css/default.css" />
<link rel="icon" href="./img/favicon.ico" type="image/x-icon">
<link rel="shortcut icon" href="./img/favicon.ico" type="image/x-icon">
</head>
<body id="body">
<div id="contentWrapper">
<div id="header">
<a href="http://site.com/index.php">
<img class="logo" alt="" title="" src="./img/logo.jpg" />
</a>
<div class="advert">
<a href="./advert.php">реклама на портале</a>
<a href="./advert.php">
<img alt="Здесь может быть Ваша реклама" title="Здесь может быть Ваша реклама" src="./img/advert.jpg" />
</a>
</div>
</div>
<div id="konferenc">
<a class="rybrika" href="">Заголовок:</a>
</div>
<div id="photo">
</div>
<hr width="900" align="center" color="red">
<div id="content">
<table border="0">
<tr valign="top">
<td valign="top">
<br>
<a class="rybrika" href="">Города:</a>
<table border="0">
<tr>
<td>
<a class="sity" href="">Город1</a><br>
<a class="sity" href="">Город2</a><br>
<a class="sity" href="">Город3</a><br>
</td>
<td width="20"></td>
<td>
<a class="sity" href="">Город4</a><br>
<a class="sity" href="">Город5</a><br>
<a class="sity" href="">Город6</a><br>
</td>
<td width="20"></td>
<td>
<a class="sity" href="">Город7</a><br>
<a class="sity" href="">Город8</a><br>
<a class="sity" href="">Город9</a><br>
</td>
</tr>
</table>
<br>
<a class="rybrika" href="">Последние вопросы:</a>
<table border="0">
<tr>
<td align="left"><p class="data">5 июля 2009г.</p></td>
<td align="right"><p class="name">Анастасия</p></td>
</tr>
<tr>
<td colspan="2">
<p class="questions">
объясните пожалуйста, почему вход в парк стал платным, даже для коренных жителей?
</p>
</td>
</tr>
<tr>
<td align="left"></td>
<td align="right"><a class="look" href="">смотреть...</a></td>
</tr>
</table>
<table border="0">
<tr>
<td align="left"><p class="data">5 июля 2009г.</p></td>
<td align="right"><p class="name">Жанна</p></td>
</tr>
<tr>
<td colspan="2">
<p class="questions">
Когда наконец отремонтируют дорогу внутри двора дома расположенного по улице?
</p>
</td>
</tr>
<tr>
<td align="left"></td>
<td align="right"><a class="look" href="">смотреть...</a></td>
</tr>
</table>
<table border="0">
<tr>
<td align="left"><p class="data">4 июля 2009г.</p></td>
<td align="right"><p class="name">Сергей</p></td>
</tr>
<tr>
<td colspan="2">
<p class="questions">
Добрый день, подскажите, пожалуйста, как правильно оформить документы, где их регистрировать
и все другие нюансы по оформлению дачного участка. На что стоит обратить внимание?
</p>
</td>
</tr>
<tr>
<td align="left"></td>
<td align="right"><a class="look" href="">смотреть...</a></td>
</tr>
</table>
<table border="0">
<tr>
<td align="left"><p class="data">3 июля 2009г.</p></td>
<td align="right"><p class="name">Ирина</p></td>
</tr>
<tr>
<td colspan="2">
<p class="questions">
Есть ли возможность сделать скидку для группы туристов более 50 человек?
</p>
</td>
</tr>
<tr>
<td align="left"></td>
<td align="right"><a class="look" href="">смотреть...</a></td>
</tr>
</table>
<table border="0">
<tr>
<td align="left"><p class="data">1 июля 2009г.</p></td>
<td align="right"><p class="name">Михаил</p></td>
</tr>
<tr>
<td colspan="2">
<p class="questions">
Подскажите, по каким телефонам обратиться по поводу оптовых закупок помидоров и другой продукции
производимой Вашим предприятием?
</p>
</td>
</tr>
<tr>
<td align="left"></td>
<td align="right"><a class="look" href="">смотреть...</a></td>
</tr>
</table>
</td>
<td valign="top">
<table border="0" width="240" height="290" background="./img/opros_bg.jpg">
<tr valign="top">
<td valign="top">
<font color="white">
<b>ОПРОСНИК:</b><br><br>
<b>Нравится ли Вам наш сайт?</b><br><br><br>
<input name="opros" type="radio" value="1"> Вроде неплохой <br>
<input name="opros" type="radio" value="2"> Все супер<br>
<input name="opros" type="radio" value="3"> Ерунда какая-то а не сайт <br>
<input name="opros" type="radio" value="4"> А разве мое мнение что-то изменит <br><br>
<center><input type="button" name="Reset" value="Голосовать"></center>
<center><a href=""><font size="2">результаты опроса</font></a></center>
</font>
</td>
</tr>
</table>
<br>
<a class="rybrika" href="./advert.php">Новости Крыма:</a>
<table border="0" width="240">
<tr valign="top" height="70">
<td valign="top"><img src="./img/news1.jpg"></td>
<td valign="top"><p class="news">Дешевые билеты до Киева предлагает авиакомпания WINDROSE</p></td>
</tr>
<tr valign="top" height="70">
<td valign="top"><img src="./img/news2.jpg"></td>
<td valign="top"><p class="news">Тысячу кустов роз высадят выпускники</p></td>
</tr>
<tr valign="top" height="70">
<td valign="top"><img src="./img/news3.jpg"></td>
<td valign="top"><p class="news">От стихии пострадали посевы в Раздольненском районе</p></td>
</tr>
</table>
</td>
<td valign="top">
<a class="rybrika" href="./advert.php">Партнеры проекта:</a><br>
<a href=""><img alt="" title="" src="./img/partner1.jpg" /></a><br>
<a href=""><img alt="" title="" src="./img/partner2.jpg" /></a><br>
<a href=""><img alt="" title="" src="./img/partner3.jpg" /></a><br>
<a href=""><img alt="" title="" src="./img/partner4.jpg" /></a><br>
<a href=""><img alt="" title="" src="./img/partner5.jpg" /></a><br>
</td>
</tr>
</table>
</div>
<div id="footer">
<p class="footer">
<br>
© 2009. Все права защищены. <br>
Использование материалов без письменного разрешения строго запрещено.
</p>
</div>
</div>
</body>
</html>
|
Вроде все закрывающие теги проверил. В чем ошибка - не могу понять, очень надеюсь на вашу помощь! | |
| |
|
|
| |
|
|
| |
для: Dizels
(06.07.2009 в 22:59)
| | | up | |
| |
|
|
| |
|
|
| |
для: Dizels
(06.07.2009 в 22:59)
| | | >"только начал знакомиться с div-версткой и css"
"Знакомство" ваше, увы, было весьма поверхностным.
Постарайтесь "ознакомиться" получше.
Вам просто необходимо узнать, что нижепроцитированные
выдержки из вашего кода - полный БРЕД:
1. font-family: Georgia, Times New Roman, Arial, Verdana;
2. border: 0;
3. align: center;
4. border: 0px;
5. <body id="body">
|
Когда САМИ поймёте, ПОЧЕМУ всё процитированное здесь - бред,
тогда можно будет констатировать, что "знакомство" ваше стало более "глубоким".
И, вполне может быть, что тогда никаких вопросов у вас УЖЕ не будет.
А покуда... покуда вы действительно "не сможете понять" | |
| |
|
|
| |
|
|
| |
для: PAT
(07.07.2009 в 20:39)
| | | Подскажите, пожалуйста как сделать так, чтобы все было выровненно как надо.
P.S. все начинают с ошибок и глупостей, так что будьте более лояльны ;) | |
| |
|
|
| |
|
|
| |
для: Dizels
(10.07.2009 в 19:32)
| | | Эх-хе-хе
Если вы планируете оставить ту верстку, что есть, то:
#body {
padding: 0;
margin: 0 auto;
background:white;
font-size: 12pt;
color: #555555;
background: white url(../img/body_bg.gif) repeat-y 50% 0;
text-align:center;
}
#contentWrapper {
text-align:left;
margin: 0 auto;
display: block;
position: relative;
margin: 0 auto;
width: 960px;
font-family: Georgia;
}
|
Так у вас выровняется и в ИЕ.
НО... учите CSS!!! Бо бреда много. Касательно ранее описаного бреда, потрудитесь самостоятельно выяснить почему + узнайте, что такое доктайп | |
| |
|
|
| |
|
|
| |
для: Madman
(10.07.2009 в 20:17)
| | | Большое Вам спасибо, Madman.
А учить обязательно буду! | |
| |
|
|
