Jump to content

olya111

Newbie
  • Posts

    3
  • Joined

  • Last visited

Posts posted by olya111

  1. Спасибо большое за совет! Может быть, так и сделаю.

    Я вот только что методом тыка добавила к стилям h1

    clear:both;

    и контент начал подтягиваться вверх. Разумных объяснений пока не нахожу :) , я пробовала варианты от

    display:inline-block

    до

    clear:none

    ...

    Т.е. одно из решений - хотя бы к class2 добавить

    clear:both

    .

  2. Может, кто-нибудь встречался с подобной проблемой?

    Буду очень благодарна, если поможете.

    Я привожу код тестовой html-странички. Вкратце, на ней имеются два элемента h1 с float:left; и один элемент p. Во всех браузерах, кроме IE, элемент p "всплывает" наверх, только в IE ему что-то мешает. Непонятно, почему так происходит :)

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
    <title>float</title>
    <style type="text/css">
    .class1 {
    float:left;
    width:280px;
    height: 300px;
    background: green;
    }
    .class2 {
    float:left;
    width:280px;
    height: 300px;
    background: blue;
    }
    .class3 {
    padding-left: 280px;
    background: red;
    }
    </style>
    </head>
    <body>
    <div style="width:500px;background:yellow;height:800px">
    <h1 class="class1">sss</h1>
    <h1 class="class2">aaa</h1>
    <p class="class3">gggghf fff ff fffff fffffff ffffffff ffffff fff ffff fffff fffff ffff ff fffff fff fffff fff fffff fff fff fff fff ffffff ffff ffff fffff fffff ffffff fffff ffffff
    ffff ffffffffff ffffff fffff ffffff ffff ffff fffff fffffff ffff ffffff</p>
    </div>
    </body>
    </html>

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy