2013-06-07 4 views
-3

Я хочу переместить div на дно, но он не перемещается, если я пишу в процентах, но в пикселях он работает.Я не могу переместить div с процентом

Вот CSS:

<style type="text/css"> 
    html 
{ 
width:100%; 
height:100%; 
    overflow-x:hidden; 
    overflow-y:auto; 
    } 
    div#container 
    { 
position:relative; 
width: 100%; 
margin-top: 0px; 
margin-left: auto; 
margin-right: auto; 
text-align:left; 
    } 
    #g_image3 
    { 
    width: 100%; 
    } 
    body {text-align:center;margin:0} 
    </style>` 

Вот HTML:

<body bgColor="#000000"> 
<div id="container"> 
    <div id="g_image3" style="position:absolute; overflow:hidden; left:0px; top:0px; z- 
index:1"><img src="images/top_bg.jpg" alt="" title="" border=0 width="100%" 
heigth="100%"></div> 
    <div id="g_image4" style="position:absolute; overflow:hidden; left:0px; top: 10%;  
    width:265px; height:400px; z-index:1"><img src="images/content1.png" alt="" title="" 
    border=0 width=265 height=400></div> 
</div> 
</body> 

Here is a link with the picture of a page

Я хочу, чтобы переместить g_image4 в нижней части, но он продолжает оставаться
слипание в g_image3 если я напишу его в процентах. В пикселях он работает, но мне это нужно в процентах в пикселях. Где я ошибаюсь? Я не понимаю, почему он не двигают ....

+1

Пожалуйста, сделайте свой код более удобочитаемым и подумайте о том, чтобы включить [jsfiddle] (http://jsfiddle.net) – Adrift

+0

Я не знаю, почему у вас есть CSS, и у вас есть встроенные стили. Просто продолжайте с любым из них .. используя оба, вы смутитесь о том, какой из них действительно применяется. Используйте! Важно, если вы хотите присвоить приоритет атрибута другому –

+0

ну, я удалил css, но все равно не двигаюсь. – 14k

ответ

1

Вы установили height: 100% на html элемента, но пренебрег сделать это на body и #container элементов. Это приводит к тому, что элементы и #container имеют высоту 0, так как в них нет статического или относительного содержания, чтобы дать им высоту.

+0

Я установил высоту 100% на тело тоже, но все еще не работает ... body {text-align: center; margin: 0; height: 100%; width: 100%;} – 14k

+0

И на '# container' как я и сказал? –

+0

Ой я этого не видел. Да, сейчас он работает отлично. Большое спасибо. – 14k

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