-
Добрый день.
Вот код верстаемой страницы
Код:
<!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" xml:lang="en">
<head>
<title>Example 4: Negative Margins</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<style type="text/css" media="screen">
/*<![CDATA[*/
#wrapper {
* * * *background: #f1f2ea url(background.gif) repeat-y right;
}
#header {
* * * *background: #d7dabd;
}
#container {
* * * *width: 100%;
* * * *background: #f1f2ea url(background.gif) repeat-y right;
* * * *float: left;
* * * *margin-right: -200px;
}
#content {
* * * *background: #f1f2ea;
* * * *margin-right: 200px;
}
#sidebar {
* * * *width: 200px;
* * * *float: right;
}
#footer {
* * * *background: #d7dabd;
}
h1 {
* * * *margin-top: 0;
}
.last {
* * * *margin-bottom: 0;
}
.clearing {
* * * *height: 0;
* * * *clear: both;
}
/*]]>*/
</style>
</head>
<body>
<div id="wrapper">
* * * *<div id="container">
* * * * * * * *<div id="content">
* * * * * * * * * * * *<h1>content</h1>
* * * * * * * * * * * *
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. *Phasellus varius eleifend tellus. Suspendisse potenti. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Nulla facilisi. Sed wisi lectus, placerat nec, mollis quis, posuere eget, arcu.</p>
* * * * * * * * * * * *<p class="last">Donec euismod. Praesent mauris mi, adipiscing non, mollis eget, adipiscing ac, erat. Integer nonummy mauris sit amet metus. In adipiscing, ligula ultrices dictum vehicula, eros turpis lacinia libero, sed aliquet urna diam sed tellus. Etiam semper sapien eget metus.</p>
* * * * * * * *</div>
* * * *</div>
* * * *<div id="sidebar">
* * * * * * * *<h1>sidebar</h1>
* * * * * * * *- * * * * * * * * * * * *
- link one
* * * * * * * * * * * * - link two
* * * * * * * *
* * * *</div>
* * * *
</div>
</body>
</html>
В место, где расположен footer, необходимо вставить рисунок, который бы находился в правом краю футера и перекрывал бы собою sidebar. Объясните пожалуйста как это сделать.
-
Что значит перекрывал?
Т.е. рисунок справа, но врутри футера и в то же время поверх сайд-бара? O.o
Может в Paint'е набросаете чего вы хотите добиться?
-
Вот, то что я хочу, там где Image щн перекрывает футер и сайдбар
-
извините, я точно не знаю, правильно я отправил рисунок?
-
Прошлый файл был очень велик, я добавил другой. Посмотрите пожалуйста, может кто поможет с решением этого вопроса.
-
ну может хоть какую идею, пожалуйста, а то я застрял ((
-
Может, для #footer задать position: relative; я для вылезающей картинки — position: absolute; right: 0; top: -скольконадоpx;?
Если я правльно понял, конечно.
