Проблема выравнивания CSS в моем заголовке

, как вы можете видеть на рисунке ниже, мое меню +/- центрировано в середине страницы, тогда как я хотел бы, чтобы он был намного более правильным (т.е. 20 пикселей слева от социального иконки). Я не могу воспроизвести это на jsfiddle, поэтому я отправляю link of the page (также код будет слишком длинным, чтобы публиковать здесь). Любые мысли по этому вопросу и как это исправить? (Обратите внимание, что я использую сафари последней версии и вам нужен экран, чтобы быть по крайней мере, 1600 в ширину, чтобы заметить это) Большое спасибоПроблема выравнивания CSS в моем заголовке

enter image description here

здесь макет того, как я хотел бы, чтобы быть:

enter image description here

источник

2013-09-09 Greg

Выглядит отлично на FF23. Какой браузер вы используете – Itay

Спасибо за ваши отзывы. Я использую последнюю версию сафари. Обратите внимание, что, чтобы заметить это, вам нужно, по крайней мере, иметь ширину 1600 пикселей. – Greg

. Я немного неясен относительно того, на что вы на самом деле пытаетесь это выглядеть, можете ли вы сделать быстрый макет изображения? Вы хотите, чтобы это 4-х столбцовое меню было всего 20 пикселей справа от социальных значков? Под красным текстом? – Rchristiani

Вы можете увидеть только вопрос о гораздо большем размере окна. Проблема заключается в том, что div #espace-entreprises плавает вправо. Если вы измените его на позицию absolute, все будет в порядке.

#espace-entreprises { 
    margin-top: 5px; 
    text-align: right; 
    color: red; 
    font-size: 12px; 
    position: absolute; 
    top: 0px; 
    right: 0px; 
}

Вопрос заключается в том, что, когда окно достаточно широко #main и #escape-entreprises могут фактически плавать рядом друг с другом. Затем вы замечаете большой запас 120px.

Также вы можете уменьшить margin-right на #menu

источник

2013-09-09 20:18:53

Спасибо, Джон. Это решило проблему, но я заметил еще одну. Когда черная полоса в верхней части страницы затухает, меню выталкивается влево на 100 пикселей или что-то (на краю красного текста «Entreprises: Cliquez ici ...) и через 10 секунд, когда верхняя панель исчезает меню возвращается в правильное положение. Любые мысли об этом? Большое спасибо – Greg

любой шанс, что вы можете обновить код по ссылке? –

Уверен, что только что сделал. На самом деле это выглядит нормально с firefox. Просто испытывая эту проблему с сафари (последняя версия) – Greg

Проблема выравнивания CSS в моем заголовке

ответ

Смежные вопросы