Помогите избавиться от пустого пространства

Точняк!
Спасибо!
Кажется теперь всё в ажуре :)
Вынес в
Код: 
<div id="languages" class="row">  
    <div class="col-md-1 col-md-offset-8"><вывод модуля /></div>
</div>
Стиль:
.mod-languages{
    position: absolute;
    z-index:3;
}
Только две кнопки в правом, верхнем углу напрягают немного диспропорцией при сжимании окна браузера. Это можно как нибудь ещё подправить?
 
Последнее редактирование:
Какие кнопки? О нас и Узнать больше? А в чём заключается диспропорция? Я никаких диспропорций не наблюдаю.
Что значит сжимание окна браузера? Уменьшение по ширине? Или изменение масштаба? И в каком браузере это наблюдается?
 
Так точно: "О нас" и "Узнать больше". Я не верно выразился, не "диспропорция", а не корректное изменение положения :)
Что значит сжимание окна браузера? Уменьшение по ширине?
Нажмите для раскрытия...
- да, когда сжимаем/уменьшаем окошко браузера по горизонтали.
Юзаю Firefox.
Кнопки имеют свойства margin-top, таким образом их опускаю ниже, иначе части не видно. Но при сягивании окошка, по горизонтали, к примеру, смещаются значки соц. сетей на горизонтальную линию. Т.е. флажки уже излечены от этой болезни, а вот кнопки гуляют по вертикали в зависимости от пропорции окошка браузера
 
Да там всю шапку перевёрстывать нужно. Один margin: -45px чего стоит. Блоки с float:left внутри других блоков нулевого размера, поэтому вся вёрстка расползается.
Примерно такой костыль, но лучше переверстать вручную с минимумом блоков и стилей (блок социальных иконок не прописывал).
HTML: 
<div id="header" class="row">      
    <!--div class="span2"></div-->
    <div class="col-md-7" style="max-width:600px;float:left;">      
        <div class="moduletable">
            <div class="custom">
                <p><img class="img-responsive" src="t1_files/logo.png" alt="Школа Успешного Общения"></p>
            </div>
        </div>
    </div>    

    <div style="width:280px;height:150px; float:right; margin: 45px 15px 0 0">
        <div class="moduletable_consultation custom_consultation" style="width:160px;height:160px; float:right;margin:10px 10px 10px;">
            <p>Запишитесь на БЕСПЛАТНУЮ консультацию</p>
            <div class="btn-group">
                <a class="btn btn-warning btn-lg" href="http://www.kuzma.tk/component/chronoforms/?chronoform=Anketa">Узнать больше</a>
            </div>
        </div>  
  
        <div class="social_buttons_box" style="width:86px;height:80px; float:right; margin:30px 10px 10px 0;">
            <div class="btn-group">
                <a class="btn btn-warning btn-lg" href="#">О Нас</a>
            </div>
            <div class="social_b_header">
            </div>
        </div>
    </div>  
</div>
 
Большое спасибо за ответ!
Но отказываясь в других блоках от col-md мы тогда противоречем bootstrap'у, тогда получается не придерживаемся корректного размещения блоков:
Для просмотра ссылки Войди или Зарегистрируйся
 
Ребята, может кто объяснит мне, чем же так хорош этот bootstrap? Я в вёрстке использую свои наработки и не оставляю ничего лишнего, а там столько всего... Зачем так нагружать проекты, особенно несколькостраничные? Меня часто клиенты спрашивают, использую ли я bootstrap, но я до сих пор не нашла аргументов в его пользу. Сорька, если не по теме совсем тут. Просто уже в которой теме данный фреймворк фигурирует.
 
Я лично по той причине, что несколько проектов уже были начаты на нём
+ другие начинал за счёт того, что с фрэймворком быстро можно сверстать страницу (естественно это можно сделать и с другими)
Адаптивность, как плюс в некоторых решениях. Множество примеров с дискуссиями ("как это сделать" на буржуйксих сайтах)

Апну тему.
Ребят, всё мучаюсь с header'ом. Ну не правильно в нём отображаются три элемента: лого и две кнопки, что идут друг за другом.
При изменение размера окна браузера уезжают куда не надо... Пробовал в силу своих возможностей - не нашёл решения.
Одно знаю, должно буть именно по бутстраповскому фэн-шую :) ну... не получается...
Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.


Upd. перекроил header, но не совсем уверен, что правильно...
 
Последнее редактирование модератором:
Если уходят куда не нужно то ты используешь определенную (заданную) ширину блока в пикселях.
Попробуй через %
 
Ребят, вернулся я к этому вопросу снова.
Теперь с масштабированием этих кнопок всё в порядке, нормально заворачиваются друг под друга.
Но вот другая загвоздка: кнопки слишком высоко.
Если задать:
Код: 
margin-top:25%-60%;
то при уменьшении окна браузера появляется очень большое расстояние между кнопками.
С абсолютным позиционированием при масштабировании кнопки наезжают на горизонтальную линию.
Как тут быть?
P.S. искал решения, рекомендуют использовать absolute positioning + bottom. Не знаю правильно ли это в рамках бутстрапа, но после того, как я ешё раз переверстал header - это не помогает...
 
Войдите или зарегистрируйтесь для ответа.
Назад
Сверху