застрял с проблемой css. float/inline issue

Question

Я действительно застрял в этой проблеме. Страница, в которой я работаю here

Текст 'something' является частью содержимого "main". Я хочу, чтобы something начинался прямо под логотипом ... но я не могу это сделать!

В принципе, я хочу content быть верхней половиной, а затем иметь main внизу.

Я не очень хорошо разбираюсь в CSS/HTML.

Answer 1

1. Пользуйтесь тонкой Doctype
2. Clear floats либо путем применения overflow:hidden после добавления доктайп на .content или clearfix.
3. Дополнительно: добавить ясно: как в DIV, содержащий «Something»

Answer 2

<!--<div id="header">--> 
    <div class="content"> 
     <div id="logo"> 
       <h1><a href="/">Envy Labs</a></h1> 
     </div> 
     <div class="slogan"> 
      <p><em id="tagline">Keeping IT simple</em></p> 
     </div> 
     <div class="clear:both"></div><!--Clears Floats--> 
    </div> 
<!--</div>--> 
    <div> 
     something 
    </div>