html og css?!
Hej,Jeg har et MEGET! riterende problem...
Jeg skal have 2 sidebare ligesom på rowl men sidebaren i den ene side vil ikke gå ud til venstre side
http://et08bq.bay.livefilestore.com/y1pVxhgACHnWAugyUT2yU0xy9cpnqJQnwIZnYNcjLOI3i7EZGnw_qxui4g7GTADsw0HHqX8dvSww2oigBnqKbjxGfV4XLqaSzse/Screenshot-2.png
som vist på billedet vil den lille boks med overskriften sss ikke ud til siden
min html
1.
<!-- (c) Copyright nection.tii.dk / what.tii.dk -->
2.
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
3.
<html>
4.
<head>
5.
<title>What</title>
6.
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
7.
<meta http-equiv="content-language" content="da" />
8.
<meta name="description" content="Danmarks nye ungdomsportal... Debat, video, chat og meget mere" />
9.
10.
<meta name="keywords" content="portal,ung,debat,chat,video,profil,fælles,tekst,fælles tekst,nyeste,ny,voice,art,billeder,billede,power,gæst,bog,gæstebog,post" />
11.
<link href="sys66/grund.css" rel="stylesheet" type="text/css" />
12.
<!--[if lte IE 6]><link href="sys66/old.css" rel="stylesheet" type="text/css" /><![endif]-->
13.
</head>
14.
<body>
15.
<div class="login-bg" id="login">
16.
<span>
17.
Brugernavn:
18.
19.
<input type="text" name="user" id="input" maxlength="16" />
20.
Kodeord:
21.
<input type="password" name="pass" id="input" maxlength="19" />
22.
<input type="submit" value="Log ind" id="login-button" />
23.
<a href="/get-user">Ny bruger</a> | <a href="/lost">Glemt...</a>
24.
</span>
25.
</div>
26.
<div class="menu-bg" id="menu">
27.
<ul>
28.
29.
<li id="on"><a href="/">Forside</a></li>
30.
<li><a href="/debat">Debat</a></li>
31.
<li><a href="/chat">Chat</a></li>
32.
<li><a href="/support">Support</a>
33.
</ul>
34.
</div>
35.
<div id="c-bg">
36.
<div id="side1">
37.
<div id="boks-p">
38.
<h3>sss</h3>
39.
ggg
40.
</div>
41.
</div>
42.
<div id="hoved-side">
43.
<div id="boks-d">
44.
<h3>sss</h3>
45.
dsssdsdsdsde
46.
</div>
47.
</div>
48.
<div id="side">
49.
<div class="center">
50.
<img src="tmp/image.gif" width="140" height="350" border="1" />
51.
</div>
52.
<div id="boks-side-v">
53.
<h3>aaa</h3>
54.
dddd
55.
</div>
56.
</div>
57.
</div>
58.
</body>
og css
1.
/* (c) Copyright nection.tii.dk / what.tii.dk */
2.
3.
/* grund */
4.
body {font-size: 80%; background: url("../sys39/c-bg.jpg"); width: 960px; margin: 0 auto;}
5.
6.
a {color: #009;}
7.
a:hover {color: #000;}
8.
9.
span {color: #009ff9;}
10.
11.
#input {width: 119px; padding: 0px; border: 0px solid #000;}
12.
13.
/* fri tags */
14.
15.
.venstre {text-align: left;}
16.
17.
.center {text-align: center;}
18.
19.
.hojre {text-align: right;}
20.
21.
22.
/* index */
23.
24.
.login-bg {background: #000}
25.
#login {padding: 3px}
26.
#login-button {border: none; background: url('../sys39/login-button.jpg'); color: #009DD7;}
27.
#login-button:hover {border: none; background: url('../sys39/login-button.jpg'); color: #939485;}
28.
#login {text-align: center;}
29.
#login a {color: #009dd7;}
30.
31.
#login a:hover {color: #939485;}
32.
33.
.menu-bg {background: #000 url('../sys39/top.png')}
34.
#menu {height: 30px; margin: 0 auto; padding: 12px 0px 2px 226px}
35.
#menu ul {padding: 0px; margin: 0px; list-style: none;}
36.
37.
#menu li#on a {color: #ff8400;}
38.
#menu li#on a:hover {color: #d38d42;}
39.
40.
#menu li a:hover {color: #fff;}
41.
#menu li a {display: block; float: left; padding: 10px 10px; text-decoration: none; font-weight: bold; color: #3ff;}
42.
#menu li #on a {font-weight: bold; text-decoration: none;}
43.
44.
#c-bg {background: url("../sys39/c-bg.jpg") 0 0px repeat;}
45.
46.
#hvoed-side {float: left; width :815px;}
47.
48.
#hvoed-side p {text-align: justify;}
49.
50.
#side1 {float: left; width: 139px; padding-left: 15px; overflow: hidden;}
51.
52.
53.
#side {float: right; width: 193px; padding-right: 15px; overflow: hidden;}
54.
55.
#side img {margin: 9px 0px 9px 0px;}
56.
57.
58.
#bund {clear: both; padding: 15px 0px;}
59.
60.
/* boks */
61.
#boks-p {float:left; width: 139px; overflow: hidden; background: url("../sys39/boks-txt.png") 0 0 repeat-x;}
62.
63.
#boks-p h3 {margin: 0px; padding: 1px 5px; border: 0px; background: url("../sys39/boks-over.png") 0 0 repeat-x; font-size:119%;}
64.
#boks-d {float:left; width: 509px; overflow: hidden; background: url("../sys39/boks-txt.png") 0 0 repeat-x;}
65.
66.
#boks-d h3 {margin: 0px; padding: 1px 5px; border: 0px; background: url("../sys39/boks-over.png") 0 0 repeat-x; font-size:119%;}
67.
#boks-v {float:left; width: 293px; overflow: hidden; background: url("../sys39/boks-txt.png") 0 0 repeat-x;}
68.
69.
#boks-v h3 {margin: 0px; padding: 1px 5px; border: 0px; background: url("../sys39/boks-over.png") 0 0 repeat-x; font-size:119%;}
70.
#boks-c {float:left; width: 182px; overflow: hidden; background: url("../sys39/boks-txt.png") 0 0 repeat-x;}
71.
72.
#boks-c h3 {margin: 0px; padding: 1px 5px; border: 0px; background: url("../sys39/boks-over.png") 0 0 repeat-x; font-size:119%;}
73.
#boks-side-v {float:left; width: 685px; overflow: hidden; background: url("../sys39/boks-txt.png") 0 0 repeat-x;}
74.
75.
#boks-side-v h3 {margin: 0px; padding: 1px 5px; border: 0px; background: url("../sys39/boks-over.png") 0 0 repeat-x; font-size:119%;}
76.
håber der er andre der kan se fejlen
ps har forsøgt med clear
