Jeg har et problem på min side. Det opstår når jeg giver min menu float, diven uden om tilpasser sig ikke efter menuen. Det sees på dette billede:
http://mogsiden.2com.dk/homepages/mogsiden.2Com.dk//print.JPGMim HTML kode:
<!-- SIDE BEGYNDELSEN -->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">
<html class="gb">
<meta http-equiv="Cache-Control" content="no-cache">
<meta http-equiv="Cache-Control" content="no-store">
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<!-- HEADER -->
<head>
<title>ppWEBDESIGN - JavaScript</title><meta name="keywords" content="ppWEBDESIGN, webdesign, HTML, CSS, PHP, JavaScript, sofware, anmeldelser">
<meta name="description" content="ppWEBDESIGN, artikler om HTML, CSS, JavaScript og PHP. Anmeldelser af software, bøger og hjemmesider.">
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1"><meta name="generator" content="CMSimple 2.7 - www.cmsimple.dk"><link rel="stylesheet" href="./templates/default/stylesheet.css" type="text/css"></head>
<!-- HEADER SLUT -->
<!-- OUTER -->
<body>
<div class="site">
<!-- LOGO -->
<span class="s"><form action="/cmsimple2_7_fix1/cmsimple2_7/" method="post"><div id="searchbox"><input type="text" class="text" name="search" size="12"><input type="hidden" name="function" value="search"> <input type="submit" class="submit" value="Søg"></div></form></span>
<div class="logo">
<img src="logo.jpg" alt="ppWEBDESIGN" />
</div>
<!-- MENU -->
<div class="menu">
<ul class="menulevel1"><li class="doc"><a href="/cmsimple2_7_fix1/cmsimple2_7/?Forside">Forside</a></li><li class="doc"><a href="/cmsimple2_7_fix1/cmsimple2_7/?Nyheder%2Fblog">Nyheder/blog</a></li><li class="docs"><a href="/cmsimple2_7_fix1/cmsimple2_7/?Artikler">Artikler</a><ul class="menulevel2"><li class="docs"><a href="/cmsimple2_7_fix1/cmsimple2_7/?Artikler:HTML">HTML</a></li><li class="docs"><a href="/cmsimple2_7_fix1/cmsimple2_7/?Artikler:CSS">CSS</a></li><li class="sdoc">JavaScript</li><li class="doc"><a href="/cmsimple2_7_fix1/cmsimple2_7/?Artikler:PHP">PHP</a></li></ul></li><li class="docs"><a href="/cmsimple2_7_fix1/cmsimple2_7/?Anmeldelser">Anmeldelser</a></li></ul><div class="sub">
<a href="/cmsimple2_7_fix1/cmsimple2_7/?&guestbook">Gæstebog</a><br />
<a href="/cmsimple2_7_fix1/cmsimple2_7/?&mailform">Kontakt</a><br />
<a href="/cmsimple2_7_fix1/cmsimple2_7/?&sitemap">Sitemap</a><br />
<a href="/cmsimple2_7_fix1/cmsimple2_7/?Artikler:JavaScript&print">Printervenlig</a><br />
<br />
Sidst opdateret:<br>07/04 2007 00:17:11<br />
<br />
<i>-palde pind</i>
</div>
</div>
<!-- SITE -->
<div class="page">
<a href="/cmsimple2_7_fix1/cmsimple2_7/?Forside">Forside</a> > <a href="/cmsimple2_7_fix1/cmsimple2_7/?Artikler">Artikler</a> > JavaScript<H2 align=left>JavaScript</H2>
<br/>
</div>
<!-- YOU ARE NOT ALLOWED TO REMOVE OR HIDE THIS LINK -->
<div class="bot">
<a href="http://www.cmsimple.dk/" class="navigator">Powered by CMSimple</a>
<!-- IF REMOVE: Pay for a licence - see http://www.cmsimple.dk/?Licence -->
</div>
<!-- OUTER -->
</div>
<!-- BOTTOM -->
</div>
</div>
</body>
</html>
Min CSS
body {
text-align:center;
font: 12px verdana;
padding: 0px;
}
.gb {
background: #000000 url(bgl.jpg) no-repeat fixed;
background-position: bottom right;
}
.code {
margin: 10px;
background: #f0f0f0;
padding: 10px;
font: 1.2em monospace;
width: 76%;
}
.site {
text-align:justify;
border:2px solid #000000;
line-height:16px;
width: 80%;
margin-left: auto;
margin-right: auto;
margin-top: 6px;
margin-bottom: 86px;
background: #ffffff;
}
.logo {
float: none;
margin: 0px;
height: 80px;
width: 100%;
}
h1, h2, h3 {
margin: 15px 0px 10px 10px;
font-size: 200%;
color: #006600;
}
h4 {
margin: 15px 0px 10px 10px;
font-size: 140%;
color: #009900;
}
.page {
margin: 0px 10px 10px 160px;
}
.menu {
text-align: left;
width: 160px;
float: left;
}
.menu ul {
margin-left: 0px;
padding-left: 0px;
}
.menu ul li {
margin-left: 18px;
margin-bottom: 0px;
padding-bottom: 0px;
padding-left: 0px;
list-style-type: square;
text-decoration: none;
}
.sdoc, .sdocs {
font-weight: bold;
color: #006600;
text-decoration: underline;
}
.menu a {
text-decoration: none;
font-weight: normal;
}
.menu a:hover {
text-decoration: underline;
}
a {
color: #000000;
}
a:hover {
color: #009900;
}
p {
margin: 10px;
}
table {
font: 12px verdana;
}
.s {
position: relative;
top: 30px;
right: 25px;
z-index: 1;
float: right;
}
.text {
width: 82px;
font-size: 10px;
border: 1px solid #CCCCCC;
}
.submit {
border: 1px solid #000000;
width: 40px;
font-size: 10px;
background: #cccccc;
}
table {
border: 1px solid #CCCCCC;
}
.sub {
margin-left: 17px;
}
.edit {
width: 80%;
}
.bot {
border-top: 1px dashed #000000;
margin: 5px;
text-align: center;
}