На главную Наши проекты:
Журнал   ·   Discuz!ML   ·   Wiki   ·   DRKB   ·   Помощь проекту
ПРАВИЛА FAQ Помощь Поиск Участники Календарь Избранное RSS
msm.ru
! Прежде чем задать вопрос, полистайте форум и загляните в FAQ!
Модераторы: Vasya2000, Serafim, fatalist
  
> Растягивается вид новостей
ivanfom
   Сообщ. #1 ,
    Unregistered
    Уважаемые форумчане укажите на ошибку не могу понять в чем дело. Строго не судите только начал изучать блочную верстку, подскажите если нетрудно. Вид новостей растягивается смотрите скрин прикрепил.

    И вот код:

    ExpandedWrap disabled
      <!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=utf-8">
      <title>title</title>
      <style>
      body {
      font-size: 14px;
      font-family: Tahoma;
      margin: 0;
      padding: 0;
      color: #111111;
      }
       
      .wrapper {
      width: 800px;
      margin: 0 auto;
      }
       
      .logo {
      float: left;
      width: 270px;
      background-color: #000000;
      padding: 15px;
      color: #ebebeb;
      text-align: justify;
      }
       
      #text {
      width: 480px;
      background-color: #79146C;
      margin: 0 0 5px 310px;
      padding: 5px;
      color: #ebebeb;
      }
       
      .block {
      background-color: #AB4533;
      clear: left;
      }
       
      .image {
      float: left;
      width: 200px;
      background-color: #ccc;
      color: #111;
      }
      .image2 {
      width: 275px;
      background-color: #ebebeb;
      margin-left: 205px;
      color: #666666;
      }
      .image3 {
      width: 480px;
      background-color: #888888;
      color: #fff;
      margin-top: 5px;
      }
       
      #clear {
      clear: both;
      }
      </style>
      </head>
      <body>
       
      <div class="wrapper">
       
      <div class="logo">Adalah menjadi satu fakta bahawa pembaca akan terganggu oleh text yang boleh difahami apabila melihat
       
      susunan mukasurat. Kegunaan Lorem Ipsum adalah kerana ia mempunyai susunan ayat yang kelihatan normal, yang lebih menarik
       
      berbeza dengan "Contoh disini, contoh disini". Ia menyerupai text yang boleh dibaca dalam bahasa Inggeris. Banyak pakej
       
      pencetakan desktop dan editor web sekarang menggunakan Lorem Ipsum sebagai model text, dan satu search "Lorem Ipsum" dapat
       
      memperlihatkan sejumlah website yang masih dalam persiapan. Pelbagai versi telah timbul dalam tahun tahun yang lepas,
       
      kadangkala secara sepontan, dan kadangkala di sengajakan (seperti selitan lawak jenaka dan sebagainya).</div>
       
       
       
       
       
       
       
       
       
      <div id="text">
          <div class="image">Adalah menjadi satu fakta bahawa pembaca akan terganggu oleh text yang boleh difahami apabila    
       
          melihat susunan mukasurat. Adalah menjadi satu fakta bahawa pembaca akan terganggu oleh text yang boleh difahami    
       
      apabila melihat susunan mukasurat.</div>
       
          <div class="image2">Adalah menjadi satu fakta bahawa pembaca akan terganggu oleh text yang boleh difahami apabila  
       
      melihat susunan mukasurat.</div>
          <div id="clear"></div>
          <div class="image3">Adalah menjadi satu fakta bahawa pembaca akan...</div>
       
      </div>
       
       
       
       
       
       
       
       
       
      <div id="text">Adalah menjadi satu fakta bahawa pembaca akan terganggu oleh text yang boleh difahami apabila melihat susunan
       
      mukasurat.</div>
       
      <div id="text">Adalah menjadi satu fakta bahawa pembaca akan terganggu oleh text yang boleh difahami apabila melihat susunan
       
      mukasurat.</div>
       
      <div id="text">Adalah menjadi satu fakta bahawa pembaca akan terganggu oleh text yang boleh difahami apabila melihat susunan
       
      mukasurat.</div>
       
       
       
      <div class="block">TEXT777</div>
       
      </div>
       
       
      </body>
      </html>


    заранее спасибо всем за помощь! :good:
    Прикреплённый файлПрикреплённый файл123.jpg (54,25 Кбайт, скачиваний: 349)
    Zafod Biblebox
    Сообщ. #2 ,

      Junior
      *
      Профиль · PM
      Рейтинг (т): 3
      Это наверное один из самых больших заговоров во вселенной. На втором месте - вёрстка в две колонки, где одна из них имеет фиксированную ширину, а вторая на весь экран. Думаю вот это будет самым подробным ответом на вопрос: http://habrahabr.ru/post/64173/
      UncleBob
      Сообщ. #3 ,

        Wizard
        *********
        Профиль · PM
        Поощрения: 24 Dgm
        Рейтинг (т): 683
        ivanfom,

        в следующий раз хотелось бы увидеть исходный код, лишенный мусора (в контексте заданного вопроса), типа этого


        Цитата ivanfom @
        body {
        font-size: 14px;
        font-family: Tahoma;

        color: #111111;
        }

        и прочей цветовой и т.п. стилизации

        минимизируйте контент - так проще и себе ошибку искать, и у другим смотреть только на нужный код
        1 пользователей читают эту тему (1 гостей и 0 скрытых пользователей)
        0 пользователей:


        Рейтинг@Mail.ru
        [ Script execution time: 0,0400 ]   [ 15 queries used ]   [ Generated: 3.06.24, 09:30 GMT ]  
        Powered by Invision Power Board(U) v1.2 © 2003  IPS, Inc.