Форум PHP программистов > Некоректное отображение сайта

[ Поиск ] - [ Пользователи ] - [ Календарь ]

Полная Версия: Некоректное отображение сайта

igor1306

13.05.2011 - 12:26

Здравствуйте! Делаю резиновую верстку для сайта, но у меня он отображается с пустим местом внизу сайта (смотрите на картинке.

Вот код html:

 
<body>
<div align="center" id="layer1">
<img src='image/bg.jpg' width="100%" height="1024" "></div>
<div align="left" id="layer2" style='margin-left:8%; color:#ffffff'>

    
    <b>Меню</b>
    
</div>    
    
    <div id="layer2"><br ><h1 style="font-size:45px; margin-left:10%" align="center">Добро пожаловать!</h1><br><br><br><br></div>
 
<div id="layer2">    
<?php
	
		
    $zapros = mysql_query ("SELECT * FROM `data` WHERE `news` = 'Новинка' ORDER BY `id` DESC LIMIT 3",$db);
	
	echo '<table align="center" style="margin-left:19%;"><tr>';
$i = 0;
while ($result = mysql_fetch_assoc($zapros))
{
$i++;

echo "<td><p>";
echo "<a href='produkcia_inf.php?id=".(int)$result["id"]."'><img  class='img' src='admin/image/mini/".htmlspecialchars($result["mini_img"])."'></a><br>";
echo "<p class='text'>".htmlspecialchars($result["title"])."</p>";
echo "</p><br></td>";

    
if ( $i == 3 ) {
    echo '</tr><tr>';
    $i = 0;
}
}
echo '</tr></table>';


	
echo "<p><a style=' font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; margin:5px; color:#ffa500; margin-left: 20%;'  href='new.php'>Посмотреть все новинки завода</a></p>"	 


    ?>    
    


</div>
</div>
</body>

а вот СSS:


#layer1, #layer2{
    position: relative; /* Относительное позиционирование */
   } 
   #layer1 {
    
   }
   #layer2 {
    top: -810px; /* Сдвигаем текст вверх */
      
    color: #ffa500; /* Оранжевый цвет текста */
  
   }
    
   
   
   #layer1 { z-index: 1; }
   #layer2{ z-index: 2; }
 
 
.margin_new {margin-top:100px;} 
.img { width:240px; height:180px; border:1px solid #000000;}
.img:hover {border: 1px solid #FFFFFF;}
.text {font-family:Tahoma, sans-serif; font-size:12px; color:#000000; margin-left:8px; text-align:center;}

Спустя 29 минут, 30 секунд (13.05.2011 - 11:55) Zerstoren написал(а):

<img src='image/bg.jpg' width="100%" height="1024" ">

лишняя скобка.

Спустя 18 минут, 48 секунд (13.05.2011 - 12:14) igor1306 написал(а):

Спасибо, но это проблемы не решило...

Спустя 1 час, 25 минут, 21 секунда (13.05.2011 - 13:39) inpost написал(а):

Не использовать отрицательные числа:
#layer2 { top: -810px; /* Сдвигаем текст вверх */

Спустя 25 минут, 16 секунд (13.05.2011 - 14:04) igor1306 написал(а):

так а как же мне тогда сделать резиновую вёрстку сайта с использованием фон картинку?

Спустя 35 минут, 31 секунда (13.05.2011 - 14:40) inpost написал(а):

igor1306
Можно так:
height:100%
И вставка футера: bottom: -100px;

А вообще есть сайты, которые помогают в верстке таких простых вещей, но не помню, нет под рукой...

Спустя 5 часов, 48 минут, 19 секунд (13.05.2011 - 20:28) igor1306 написал(а):

Вставил вместо top: -810px bottom:810px всеравно такая проблема осталась!)

Спустя 1 день, 13 часов, 52 минуты, 22 секунды (15.05.2011 - 10:21) Эли4ка написал(а):

igor1306

#layer2 {
    top: -810px; /* Сдвигаем текст вверх */
      
    color: #ffa500; /* Оранжевый цвет текста */
  
   }#layer2{ z-index: 2; }

так делать нельзя,
а первый пример у вас работает потому что задан только z-index..

Спустя 1 час, 41 минута, 49 секунд (15.05.2011 - 12:02) igor1306 написал(а):

Эли4ка
Спасибо...

Спустя 2 часа, 3 минуты, 52 секунды (15.05.2011 - 14:06) Эли4ка написал(а):

igor1306
все работает верно или какие проблемы остались?

Спустя 16 дней, 7 часов, 50 минут, 58 секунд (1.06.2011 - 21:57) igor1306 написал(а):

спасибо...сделал немножко по другому, спасибо за помощь

Быстрый ответ:

Здесь расположена полная версия этой страницы.