CSS: Справка с относительным положением/абсолютным

У меня есть панель главного меню в верхней части моей страницы. Теперь мой #LinkToMenu терпит неудачу при изменении размера и тому подобное, даже если есть position: relative. Но он отлично работает, если я устанавливаю определенную ширину в стиле #mainmenu, чего я не хочу. Я даже попробовал width: auto, не повезло.CSS: Справка с относительным положением/абсолютным

<div id="mainmenu" style="position: relative;"> 

<div id="LinkToMenu" style="position: absolute; right: 130px; top: 10px;"> 
    <a href="home.php">Home</a> 
</div> 

<img src="images/mainmenu_logo3.png" style="position: absolute; top: 2px; left: 210px; ">

В чем проблема? Как я могу это решить?

Изображение с почти одинаковыми настройками прекрасно работает при изменении размера и так, но не в штрих-сообщениях?

источник

2010-08-16 Karem

Вы попробовали ширину 100%? –

@meder yes Я попробовал 100%, авто, а затем я попробовал конкретные, например 1200px; и тогда он идеально подходит при изменении размера, но я не хочу иметь определенную ширину для бара. 1) уродливый 2) никогда не будет идеальным «размером», потому что тогда это зависит от того, на каком экране вы смотрите на сайт, на 3) я думаю, что вы получить то, что я имею в виду .. – Karem

Можете ли вы разместить ссылку на всю страницу для нас? Может оказаться полезным дополнительный контекст. – KatieK

Я думаю, что #linkToMenu должен иметь назначенную ему ширину.

источник

2010-08-26 22:24:59 Tim

Я не знаю, если я понять вашу проблему правильно, но я что-то подобное, и я делаю это так (в таблице стилей): .header { позиция: относительная; верх: 0; Слева: 0; обивка: 6px 6px 5px 5px; высота: 85px; }

Я, кажется, помню, что следующий абсолют не работал без верхнего и левого, так что позиция что-то делает.

Надеется, что это помогает

источник

2010-08-16 02:16:48 MikeAinOz

добавление верхнего и левого ничего не делало к проблеме – Karem

-1

положения: относительные говорят Наработку CSS, что DIV является ссылкой на внутренних дивы.

position: absolute указывает, что этот div является абсентным, расположенным к внешнему div, который имеет относительное положение или если не назначен окно браузера.

, если вы не дадите ширину и высоту реверсивному div u make, на самом деле не найти абсолютную позицию div правильно.

источник

2010-08-16 02:21:08

Почему изображение, которое у меня есть, также позиционирует абсолютную настройку? – Karem

не совсем уверен, что я понимаю ваш вопрос, но я думаю, что вы должны сделать следующее:

#LinkToMenu{ position: absolute; right: 130px; top: 10px; float:right"} 
#mainmenu{float:right; width:100%}

Это должно сделать трюк.

источник

2010-08-18 21:14:52 JCHASE11

#mainmenu фактически не имеет содержания - это два ребенка: position:absolute, поэтому удаляются из нормального потока. Как и в случае, элемент DIV является блоком, поэтому он должен расширяться до полной ширины контейнера, хотя и не имеет высоты.

источник

2010-12-20 15:39:34 GlennG

CSS: Справка с относительным положением/абсолютным

ответ

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