Элемент застрял в верхнем правом углу даже сверху: 1000px

По какой-то причине я могу получить свои элементы div в правом верхнем углу. Я устал все, что я могу думать, но по некоторым причинам я не могу получить DIV в блоге, чтобы отъехать в верхнем правом углуЭлемент застрял в верхнем правом углу даже сверху: 1000px

The CSS

#nav { 
position: fixed; 
min-width:690px; 
white-space:nowrap; 
text-align:left; 
margin:0; 
padding:40px 0 34px 333px; 
z-index:999; 
} 

#nav a {  
font-family: Micra, serif; 
color: #FFF; 
font-style:normal; 
font-weight:400; 
text-decoration:none; 
font-size:100%; 
margin:0 25px 0 0; 
} 

#nav1 { 
position: fixed; 
top:70px; 
min-width:690px; 
white-space:nowrap; 
text-align:left; 
margin:0; 
padding:0px 0 64px 472px; 
z-index: 9999; 
} 

#nav1 a { 
font-family: Micra, serif; 
color:#FFFFFF; 
font-style:normal; 
font-weight:400; 
text-decoration:none; 
font-size:80%; 
margin:0 55px 0 0; 
} 

#blog { 
float:right; 
list-style:none; 
top:1000px; 
}

HTML-

<div id="nav"> 
    <a href="#Bot">DUCATI TRACKER</a> 
    <a href="#Bot">EARLE MOTORS</a>  
    <a href="#Bot">PUBLICATIONS</a> 
    </div> 

<div id="nav1"> 
    <a href="#Bot">SERVICES</a> 
    <a href="#Bot">SPECS</a> 
    <a href="#Bot">PRESS</a>  
</div> 
<div id="blog"> 
    <a href="#">dsds</a> 
    <a href="#">aaaa</a> 
    <a href="#">dddd</a> 
</div>

блога div - тот, который застрял в верхнем правом углу

источник

2013-05-25 gVidal

Ваш CSS, кажется, вообще отключен ... трудно сказать, что вы пытаетесь сделать. – doublesharp

У меня есть логотип с левой стороны, 3 ссылки слева от логотипа, идущего горизонтально, а затем в крайнее правое звено в блоге. Под тремя ссылками находится еще один набор из 3 ссылок. – gVidal

Похоже, что проблема в том, что вы не установили div в блоге position:fixed/relative; или тому подобное - я не думаю, что ваш top:1000px применяется. Вот jsfiddle:

источник

2013-05-25 03:44:20 FireOak

Если вы используете float: справа, он освобождается от потока документов и пытается сделать верхнее свободное положение в правом углу. Чтобы определить позицию сверху, вам нужно сначала объявить позицию.

должность: относительная;

Если вы определяете позицию: fixed; он будет застревать в том же положении и не будет перемещаться с прокруткой страницы.

источник

2013-05-25 03:57:25

Элемент застрял в верхнем правом углу даже сверху: 1000px

ответ

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