позиционирование кнопок социальных сетей

Question

У меня проблемы с позиционированием некоторых элементов div, и кажется, что эти кнопки совместного доступа к социальным сетям виноваты

http://misc.colbyfayock.com/test/

У меня есть несколько отличных цветов, чтобы показать, что происходит ..мой основной желтый ящик работает нормально, у меня 2 внутри, оба установлены на 50% и плавают влево, но они не ... также каждая отдельная кнопка находится в своем собственном div, чтобы попытаться заставить их работать, но я не уверен, что ещечтобы попытаться пару различных вариантов позиционирования, но это никогда не было моей сильной стороной с css

любая помощь / идеи?

http://misc.colbyfayock.com/test/css/styles.css

спасибо

Answer 1

Ваш #social имеет width: 50%, что означает, что он всегда будет отображать до 50% размера контейнера, который равен #subheader.Это работает точно так, как задумал ваш CSS.

Если вы изменили это так:

<div id="social">
  <div id="social-inner">
    <div id="social-fb">
    ...
  </div>
</div>

Затем сделали #social { width: 100% } и #social-inner { width: 50% }, это будет работать точно так же, как вы намер.