HTML: Изображение wont go to top :(

Я чувствую, что это должно быть очень простое исправление, но это сводит меня с ума. Я пытаюсь заставить этот образ отдыхать в верхней части окна браузера, но я получаю это дополнение к изображению, от которого я не могу избавиться.HTML: Изображение wont go to top :(

Я пробовал несколько вещей, таких как установка прокладки на 0, и я попытался удалить все, кроме них, и я все еще получаю отступы. будут оценены :)

http://twopairphoto.com/SlapFat/

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en"> 
<head> 
    <style> 

    body{ 
     padding-top: 0px; 
    }  
    div { 
     padding-top: 0px; 
    }  
    </style> 
</head> 
<body background="SlapFatBG_sm.jpg"> 
<div id="container" align="center"><img src="slapfatsplash_sm.jpg" /></div> 
</body> 
</html>

Благодаря

источник

2012-04-26 Chad Z.

набор маржу до 0 также:

body { 
     padding-top: 0px; 
     margin:0; 
}

источник

2012-04-26 15:48:51 Curt

Ahh margin! Я знал, что это просто. Большое спасибо ребятам: D –

<body style="margin: 0px auto;">

или

body { 
    padding-top: 0px; 
    margin: 0px auto; 
}

Это позволит избавиться от края на верхней и нижней части экрана, что их по умолчанию. Это также будет сосредоточено на вашем контенте в большинстве браузеров в результате установки левого и правого полей в auto.

источник

2012-04-26 15:48:45 Jordonias

Попробуйте изменить padding-top в DIV с margin-top

Это должно помочь

источник

2012-04-26 15:48:45

Вы можете попробовать абсолютное позиционирование ...

div {position:absolute; top:0px;}

источник

2012-04-26 15:49:48 CoffeeRain

Попробуйте следующее:

body{ 
    padding-top: 0px; 
    margin-top: 0px; //<---- Set body margin to 0px 
}

Подтверждено с помощью Firefox.

источник

2012-04-26 15:50:08

HTML: Изображение wont go to top :(

ответ

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