Ошибки в верстке сайта - HTML, CSS - Ответ 4309891

@sheila · 26.03.2013, 01:16

ДЕМО

HTML5

<body>
  <div id="wrapper">
<div class="size" align="center">
<table cellpadding="0" cellspacing="0" border="0" width="100%">
 
        <td class="td1" >
        <td class="logo" class="center"><a href="/" target="_self"> <img src="/img/[logo]" border="0"  alt="[title]" title="[title]" > </a></td>
        </td>
        
       <tr>
        <td class="td2">
              <div class="punkti"><td class="menu">
    <button><a href="/">Главная</a></button>
    <button><a href="/my.html">Мои загрузки</a></button>
    <button><a href="/images.html">Галерея</a></button>
    <button><a href="/rules.html">Правила</a></button>
    <button><a href="/contacts.html">Контакты</a></button>
    <br />
    <br />
 </div></td>
 
        </td>
        </tr>
        <td class="td1">
        </td>
    
</table>
<table style="width:368px"  cellpadding="0" cellspacing="0" border="0">
    <tr>
        <td class="td3">
        </td>
    </tr>
    <tr>
        <td class="td4">
        [content]</td>
    </tr>
    
    <tr>
        <td class="td5">
        </td>
    </tr>
</table>
<br>
<center>
<table style="width:368px"  cellpadding="0" cellspacing="0" border="0">
    <tr>
        <td class="td3" align="center">
        Изображений всего [all_images], за сутки [sutki]. 
        </td>
    </tr>
    <tr>
        <td class="td4" align="center">
 
</td>
    </tr>
    <tr>
        <td class="td5" align="center">
        </td>
    </tr>
</table>
</center>
  </div>
</div><!-- #wrapper -->
 <div id="footer">
<table Border=0 CellSpacing=0 CellPadding=0 Width="100%">
 <tr>
 
  <td background="/img/vo_80.jpg" height=41 style="padding-top: 2px;">
  
  <table Border=0 CellSpacing=0 CellPadding=0 Width="100%">
 <tr>
   <td width=390 style="padding-left: 10px; color: #FFFFFF">[copirights]</div></td>
  <td style="padding-left: 10px;">
  
  <table Border=0 CellSpacing=0 CellPadding=0>
 <tr>
  <td>
 [counters]
  
</td>
</td>
  </tr>
</table>
  </td>
  <td align=right style="padding-right: 10px; color: #FFFFFF">
<a class=f_l href="/index.php"><span><b>Главная</b></span></a>&nbsp;|
 </tr>
</table>
  </td>
 </tr>
</table>
</div>
</body>

CSS

* {
  margin: 0;
  padding: 0;
}
html {height: 100%;}
* html body {height: 100%;}
body {
  min-height: 100%;
  position: relative;
}
.foot h1, .descr h1{display:inline;font-size:12px;margin:0px;padding:0px;}
#wrapper {
    width: 913px;
    margin: 0 auto;
  padding-bottom: 60px;
}
 
#wrapper:after {
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  clear: both;
}
 
#footer {
  position: absolute;
  bottom: 0;
  height: 40px;
  width: 100%;
}

Добавлено через 3 минуты
чтобы увидеть весь output в jsbin нужно раздвинуть самое правое окно, оно по умолчанию сжимается

Вернуться к обсуждению:
Ошибки в верстке сайта HTML, CSS

Следующий ответ

Другие темы раздела
HTML, CSS Размещение Div вертикально Добрый день! У меня проблема с размещением div'ов. Она состоит в том, что у меня не получается разместить друг за другом, они размещаются друг под другом. На рисунке скриншот проблемного фрагмента. https://www.cyberforum.ru/ html/ thread817236.html	обтекаемость меню HTML, CSS здравствуйте сделал меню и под меню под меню долно появлятся при наведение на меню(появляется в столбик,а появляется в строчку(как убрать обтикаемость?)) сфоткал меню (вложения) <nav id="navigation"> <ul> <li><a href="#">Главная</a></li> <li><a href="#">Лекции</a>
HTML, CSS Горизонтальная покрутка в textarea Здравствуйте В общем разрешил скролл, но горизонтальный скролл не появляется хоть убейся, как его включить и в чем у меня проблема ? <textarea class="code" style="height: 606px;"></textarea> .code { width:98%; resize:vertical; min-height:10px; overflow:scroll; https://www.cyberforum.ru/ html/ thread817158.html	HTML, CSS Я заказал книги по изучению HTML и CSS, дайте мне ваши отзывы про них Джон Дакетт: Основы веб-программирования с использованием HTML, XHTML и CSS Кристофер Шмитт: CSS. Рецепты программирования https://www.cyberforum.ru/ html/ thread817138.html
HTML, CSS Подскажите с опшион в хроме Вот часть кода программы <p> <select name="sl" size="3"> <option>5</option> <option>6</option> <option>7</option> <option>8</option> <option>8+</option> </select> </p>	HTML, CSS Закрасить блок случайным цветом Здравствуйте подскажите как закрасить случайным цветом блок <div class='kube'></div> .kube{ width: 50px; height: 50px; } https://www.cyberforum.ru/ html/ thread817046.html
HTML, CSS Отображение изображений в Opera 12 и других браузерах https://www.cyberforum.ru/ html/ thread816979.html Добрый день! Столкнулся с отображением одного и того же изображения разными браузерами по-разному. Опера (12 на Мас) показывает цвета бледнее, чем Сафари, Хром и ФФ. Пробовал менять формат изображения, конвертил его в различные цветовые профили. Ничего не выходит. Может кто-то сталкивался? Расскажите, как победили проблему, не хочется оставлять так. Слева Опера. Справа Сафари (как...	HTML, CSS Как не попасть под действие стиля Всем привет! Ребят подскажите как сделать, чтобы существующие стили не действовали на мои соц кнопки - там аккуратные 48 пикселей кнопки, но как видно из стиля к ним еще добавляется белая и черная окантовка...
HTML, CSS На 1 px в гугле смещение шапки https://www.cyberforum.ru/ html/ thread816821.html Во всех браузерах (опера, мозила, ие) все ровно. В гугле смещение. Чтобы это значило? Обычно в ие бывают кривны. Если смещаешь, тогда во всех получается неровно.	HTML, CSS Не отображается русский текст Доброго времени суток. Скачал вот шаблон на английском языке но при переводе текста столкнулся с проблемой. Когда заменяю текст в коде с английского на русский (меню и т.д.) то он перестает отображаться на сайте. В css шрифты основные стоят (Arial, Helvetica, sans-serif). Файлы стилей прилогаются a, abbr, acronym, address, applet, article, aside, audio, b, blockquote, big, body, center,... https://www.cyberforum.ru/ html/ thread816806.html
резиновые блоки HTML, CSS видео не отображается на весь размер блока. в сафари ие опера мазилла http://vinovachuk.narod.ru/online.html	HTML, CSS Пишу размер шрифта в %, но он не меняется, почему? Помогите плис, прописала везде за мест px - проценты для шрифтов, но при изменении размера браузера шрифт ведет себя так же как и в пикселях - не меняется в размере, что нужно сделать что-бы он менялся? может размер div то же нужно в процентах прописать? если да то всех дивов? или в ксс для body и html нужно что то прописать? Очень прошу написать сдесь что нужно сделать а не посылать читать... https://www.cyberforum.ru/ html/ thread816494.html

	26.03.2013, 01:16