Я действительно борюсь с этим и уже довольно давно.
У меня есть фоновое изображение с логотипом, и я хочу, чтобы div в центре был таким, чтобы он не блокировал BEE.изображение на заднем плане.Рабочий пример здесь (это нормально, поскольку он не блокирует изображение): http://jsbin.com/ubanuf/9
Тем не менее, теперь я хочу добавить еще один div справа от красного div с некоторым запасом между примерно10pixels.Однако, когда я делаю это, все движется вправо, и мой логотип на заднем плане блокируется элементами div.Пример здесь: http://jsbin.com/ubanuf/10
Если я удаляю margin: 20px auto 0 из main-controller, то все выглядит прилично, пока я не посмотрю на страницу в разрешении 1680 X 1050.В этой резолюции все, кажется, смещено влево.так что теперь между огромным промежутком между красным делом и изображением пчелы возникает огромный разрыв.Снимок экрана здесь: http://i53.tinypic.com/25qqk4h.png
Почему я не могу поместить желтый div прямо рядом с красным div с полем между ними 10 px
Мои требования:
- Красный div должен быть 750 px
- Желтый div должен быть около 200 px
- оба рядом друг с другом с полем около 10 px между ними
- и изображение пчелы не должно быть заблокировано
Возможно ли это вообще сделать?