Jump to content
  • 0

Слои Футер под слоями

bugs

Asked by bugs,

 Share

Question

6 answers to this question

Recommended Posts

  • 0
bugs Explorer

bugs

Posted
  • Author
Posted

background или z-index ?

background чесно сказать я незнаю что в этом случае лучше

делаю так

<!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">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<title>bg</title>

<style type="text/css">

html {

background: #73ADD7 url(images/gradient.gif) repeat-x;

}

body {

padding: 0;

margin: 0;

background: url(images/sky.jpg) no-repeat center top;

color: #666;

width: 100%;

display: table;

}

#main

{

width: 1000px;

margin: 0px auto 0;

padding: 0px;

/*background: #fff;*/

-moz-border-radius: 10px; /* Firefox */

-webkit-border-radius: 10px; /* Safari and Chrome */

border-radius: 10px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */

-moz-box-shadow: 0px 0px 10px #000; /* Firefox */

-webkit-box-shadow: 0px 0px 10px #000; /* Safari and Chrome */

box-shadow: 0px 0px 10px #7f7f7f; /* Opera 10.5+, future browsers and IE6+ using IE-CSS3 */

behavior: url(ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */

}

#top {

width: 1000px;

height: 512px;

margin: 0px auto 0;

background: #fff;

/*border: solid 1px #ccc;*/

padding: 0px;

background: url(../Кабриолет/Site/design/images/header-bg.jpg) no-repeat center top;

-moz-border-radius: 10px; /* Firefox */

-webkit-border-radius: 10px; /* Safari and Chrome */

border-radius: 10px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */

}

#content {

width: 1000px;

margin: 50px auto 0;

background: #fff;

border: solid 1px #ccc;

padding: 0px;

}

#down

{

z-index: 1;

height: 937px; /* высота футера */

color: #fff;

background: #000;

margin-top: 0px; /* верхнее отрицательное поле */

background: url(images/down-bg.jpg) no-repeat center bottom;

}

#footer_correct {

height: 100px; /* высота блока-корректора */

clear: both; /* прерывание обтекания */

}

h1 {

margin: 0;

padding: 0;

}

</style>

</head>

<body>

<div id="main">

<div id="top">

</div>

<div id="content">

<h1>Content</h1>

<p>51</p>

<p style="padding-bottom: 1200px"> </p>

</div>

</div>

<!-- down -->

<div id="footer_correct"></div> этот слой уезжает в далеко вниз под футер а должен быть под слоем контент

<div id="down"></div>

</body>

</html>

Link to comment
Share on other sites
  • 0
amelice Explorer

amelice

Posted
Posted (edited)

<!-- down -->

<div id="footer_correct"></div> этот слой уезжает в далеко вниз под футер а должен быть под слоем контент

<div id="down"></div>

</body>

</html>

а где у вас слой футер? в вашем коде нету такого слоя. 


<p style="padding-bottom: 1200px"> </p>

проверьте правильность этой строчки? после такого паддинга нижележащий слой точно далеко уйдет. :)

Edited by cheburek
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