Jump to content
  • 0

смещение картинки

Kos87

Asked by Kos87,

 Share

Question

17 answers to this question

Recommended Posts

  • 0
mishka Explorer

mishka

Posted
Posted (edited)

А ты прекращай практику так делать:

body {

font-family:Arial,Helvetica,sans-serif;

height:auto !important;

margin:0 auto;

min-height:100%;

padding:0;

position:relative;

width:900px;

}

Не жлобись, оберни все еще в один блок, и его уже центрируй и ширину ему задавай. Минимальное количество елементов это еще не показатель качества.

А блок лайтбокса так возле боди и оставь.

то что зеленым отметил - то лишнее, совершенно ненужные стили. У боди паддинги были в какомто одном нераспостраненном, и давно умершем браузере. Обнуляй у боди только маргин.

Ну а релейтив ему тоже ненужен.

Edited by mishka2
Link to comment
Share on other sites
  • 0
Kos87 Explorer

Kos87

Posted
  • Author
Posted

тоесть в моем варианте для того чтобы прижать футер к низу экрана достаточно будет того что Вы написали в предыдущем сообщении?

в принципе оно у меня выходит что в ширину боди упирается?? просто обернуть его во что то и дать ему ширину?

Link to comment
Share on other sites
  • 0
mishka Explorer

mishka

Posted
Posted (edited) 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title></title>
	<style type="text/css">
	html{height:100%}
	body{
		margin:0;
		height:100%;
		font-family:Arial,Tahoma,sans-serif;
	}
	#wrapper{
		min-height:100%;
		width:960px;
		margin:0 auto;
	}
	* html #wrapper{
		height:100%;
	}
	#header{
		width:100%;
		overflow:hidden;
	}
	#main{
		width:100%;
		overflow:hidden;
		padding:0 0 100px;
	}
	#footer{
		height:100px;
		width:960px;
		margin:-100px auto 0;
		overflow:hidden;
		position:relative;
	}
	</style>
</head>
<body>
<div id="wrapper">
	<div id="header">
		header
	</div>
	<div id="main">

	</div>
</div>
<div id="footer">footer</div>
<!-- тут должен быть лайтбокс -->
</body>
</html>

Футер также можна поместить внутрь враппера, и абсолютом книзу прибивать(у тебя по такому методу сделанно). Но тогда врапперу релейтив надо дописать, а у футера маргин убрать, и ширину указать.

Edited by mishka2
Link to comment
Share on other sites
  • 0
Kos87 Explorer

Kos87

Posted
  • Author
Posted

что то я слегка запутался ....

в мэин у меня идет паддинг снизу 90 пикселей.

футер идет отдельно с абсолютным позиционированием.

добавил вот это #body-wrap{width:900px; margin:0 auto;}

но появляется полоса прокрутки .....

в этот боди-врап обвернул все кроме футера и счетчика гугла.

вроде все работает.

пробовал убрать позишин релейтив от боди - идет сдвиг футера ...

Link to comment
Share on other sites
  • 0
mishka Explorer

mishka

Posted
Posted

_height В конкретном случае так не делай :)

Это значит что это поймет ток ие6, но это невалидно. И ненужно в данном случае. Это я немного оплошался.

а если так оставить?

Говоришь так оставить...

оставляй

а если так оставить?

Действительно оставляй. Я недосмотрел что у тя футер так возле боди и остался. Зашел посмотрел толькочто все вроде ок, работает

на body-wrap поставь оверфлов хидден чтобы исчез этот постоянный скрол вертикальный

Link to comment
Share on other sites
  • 0
Kos87 Explorer

Kos87

Posted
  • Author
Posted

а светит вертикальный скрол?? я ж его тож вроде уже убрал.

попробуй обнови. или я действительно пропустил что то?

скрол появлялся когда я футер в боди-врап запхнул, а щас вроде вытянул.

Link to comment
Share on other sites
  • 0
Justnewone Explorer

Justnewone

Posted
Posted
_height В конкретном случае так не делай :)

Это значит что это поймет ток ие6, но это невалидно. И ненужно в данном случае. Это я немного оплошался.

Семерка тоже понимает. если надо только6, я делай всегда -

Link to comment
Share on other sites
  • 0
mishka Explorer

mishka

Posted
Posted
а светит вертикальный скрол?? я ж его тож вроде уже убрал.

попробуй обнови. или я действительно пропустил что то?

скрол появлялся когда я футер в боди-врап запхнул, а щас вроде вытянул.

Да все ок.

Семерка тоже понимает. если надо только6, я делай всегда -

Лучше

* html ...{ height:...}

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
 Share
Go to question listing
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept