Witam,
tworzę stronke z wykorzystaniem CSS: <div> z zawartością i po prawej <div> "pomocniczy" chciałbym aby pod tym była wyświetlana stopka.
Chciałem to zrobić za pomocą clear: both, ale ta właściwość nie działa... Korzystam na stronie ze skryptu 'news asystent', który w <div> po prawej wprowadza troche bajzlu, ale myślę, że to nie jest przyczyną problemu.
CSS (wklejam cały) - pogrubione klasy odpowiadające poszczególnym<div>:
body {
color:white;
background-color: #000000;
font-family:Arial, Helvetica, sans-serif;
}
a:link {color: #BEB4B4; text-decoration:none}
a:visited {color: #BEB4B4; text-decoration: none}
:link {color: #BEB4B4; text-decoration:none}
:visited {color: #BEB4B4; text-decoration:none}
a:hover {color: silver; text-decoration: underline}
a:active {color:#FFFFFF; text-decoration: none}
h1 {
font-family: Verdana;
font-size: 16;
background-color: #655F5F;
border-style: solid;
border-width:1;
border-color:white;
color: white;
padding: 3 15;
}
img {
border-style:none;
}
INPUT {
border: 1px black solid;
background: #CCD9E6;
}
TEXTAREA {
border: 1px black solid;
background: #CCD9E6;
SCROLLBAR-FACE-COLOR: #CCD9E6;
SCROLLBAR-HIGHLIGHT-COLOR: #CCD9E6;
SCROLLBAR-SHADOW-COLOR: #CCD9E6;
SCROLLBAR-ARROW-COLOR: black;
SCROLLBAR-BASE-COLOR: black;
SCROLLBAR-3d-light-color: #CCD9E6;
SCROLLBAR-dark-shadow-color: #CCD9E6;
}
#bottom {
clear: both;
left: 10px;
right: 10px;
}
#right {
position: absolute;
right: 10px;
top: 10px;
width: 300px;
float: right;
}
#topright {
position: absolute;
right: 35%;
top: 15px;
}
#top {
position: absolute;
left: 10px;
top: 10px;
float: left;
}
#content {
position:absolute;
top: 300px;
left: 40px;
right: 340px;
bottom: 5px;
float: left;
}
#hr {
position: absolute;
left: 32px;
right: 339px;
top: 265px;
background: url("gfx/hr.png") repeat-x;
}
#hr_l {
position: absolute;
left: 10px;
top: 265px;
}
#hr_r {
position: absolute;
right: 320px;
top: 265px;
}
plik index.php - pogrubione wspomniane <div>:
<HTML>
<HEAD>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-2">
<title>Acoustic Travel Band</title>
<link rel="stylesheet" type="text/css" href="atb_style.css" />
</HEAD>
<BODY bgcolor="#ffffff">
<div id="top" style="z-index: 4">
<img src="gfx/menu.png" border="0" usemap="#Map" style="float:left ">
<map name="Map">
<area shape="rect" coords="97,175,170,213" href="#">
<area shape="rect" coords="168,147,248,199" href="#">
<area shape="rect" coords="248,108,368,177" href="#">
<area shape="rect" coords="203,199,342,257" href="#">
</map>
</div>
<div id="topright" style="z-index: 3">
<img src="gfx/title.png">
</div>
<div id="hr" style="z-index: 4">
<p> </p>
</div>
<div id="hr_l" style="z-index: 4">
<img src="gfx/hr_l.png">
</div>
<div id="hr_r" style="z-index: 4">
<img src="gfx/hr_r.png">
</div>
<div id="right" style="z-index: 5">
<? include "news/news.php" ?>
<br><a href="http://www.myspace.com/acoustictravelband" target="_blank"><img src="gfx/myspace-icon.png" style="float:left; margin: 0 5">Acoustic Travel Band<div style="font-size:60%">na Myspace</div></a>
</div>
<div id="content">
<?
include("content/selector.php");
?>
</div>
<div id="bottom">########################Footer############################</div>
</BODY>
</HTML>
'bottom' ma być pod 'content' i 'right', a jest całkiem u góry - walczę z tym od godziny, przeszukałem forum, przeczytałem, że czasem tak sie dzieje gdy jest gdzieś ustawione "height", ale w tym przypadku nie jest - nie wiem już co robić - będę wdzięczny za pomoc
A tu link, jak to wygląda:
Link do wwwpozdrawiam, RL
[HTML][CSS]clear:both nie działa dla stopki
18.09.2009, 00:59:17
teflon_z_patelni [HTML][CSS]clear:both nie działa dla stopki 18.09.2009, 00:59:17 
