CSS div проблемы с позицией - PullRequest
0 голосов
/ 27 апреля 2009

У меня есть главная страница asp.net на основе css. Я использую div просмотра, расположенный прямо над навигационным div. Div просмотра просматривается за навигационным div. Я немного поигрался с позицией и обнаружил, что если я изменяю позицию навигации, это исправляет ее, но все в этом элементе div перемещается на половину страницы вниз. Я сделал несколько Google и не могу найти что-нибудь о том, как заставить div всегда быть на вершине. Если вам нужна дополнительная информация, я могу ее предоставить.

Я вставил отдельные части кода CSS ниже:

#header2 {
height: 2.5em;
border-bottom: 1px dashed #0055a5;
color: #FFF;
background-color: white;
}

#header2 .browse {
color: #000000;
background-color: transparent;
float: left;
margin-left: 1em;
margin-top: .1em;
font-weight:bold;
font-style: normal;
font-variant: normal;
font-size: 70%;
line-height: normal;
font-family: Arial, Helvetica, Georgia, "Times New Roman", Times, serif;
width: 144px;
position: fixed;    
}

#navigation 
{
background-color: white;
width: 200px;
height:100%;
top: 105px;
left: 0em;
width: 13em;    
position: absolute;
font-family: Arial, Helvetica, sans-serif;
font-size:90%;
}

Ответы [ 2 ]

1 голос
/ 27 апреля 2009

Под вершиной вы подразумеваете верхнюю часть области просмотра или верхнюю часть стека (т. Е. Z-index?).

Если вы имеете в виду верхнюю часть области просмотра, попробуйте положение: fixed;

Редактировать, читая еще раз, я думаю, вы имеете в виду z-index. Установите положение элемента, который вы хотите держать сверху (просмотрите?), Относительно, а затем установите z-index на что-то вроде 100, т.е.

position:relative;z-index:100;

это должно сработать.

0 голосов
/ 27 апреля 2009

Если вы хотите, чтобы он оставался фиксированным в самой верхней части страницы, вы можете попробовать установить top: 0; в классе .browse. Также посмотрите, является ли это фактическим тегом <div>, который расположен вертикально по центру, или это просто его содержимое.

Бьюсь об заклад, вы сэкономите некоторое время на экспериментах, если будете использовать firebug - иди, если у вас его еще нет =)

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...