Jeg må sige at jeg ikke helt forstår hvad du vil?
http://mulle.dk/index.phpKig i source...
Kan du se den der hedder <div class="space-bottom">,
kig i CSS (
http://mullep.dk/css.css ) for at se hvad space-bottom gør.
Der kan du se den har en background. Kan du så se den linje som går igennem siden lige under teskten "test"
Den vil jeg gerne havde flyttet ned...
Så den kommer til at se sådan her ud >
http://mullep.dk/demo/index.htmleller som den originale
http://mullep.dk/demo/index.htmForstår du det nu?
Jeg ved godt det er pga af float, men har prøvet med vertical-aling,overflow hidden intet har virket
Regner med folk kan se hvad jeg mener nu!
http://peecee.dk/index.php?lid=1&aid=1&pid=2&loadid=37305&noresize=yesDen lille streg der er mærket med lilla/pink farve er den jeg skal havde flytte ned i bunden af den outline div. så den vil se sådan her ud
http://peecee.dk/index.php?lid=1&aid=1&pid=2&loadid=37306&noresize=yesDen div der giver problemet er den som hedder class="space-bottom" og den vil jeg gerne havde ned som du kan se på denne her >
http://peecee.dk/index.php?lid=1&aid=1&pid=2&loadid=37306&noresize=yescss.css
Læg mærke til linje 93 til 98.
body {
margin: 10px 0px 10px 0px;
font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #000000;
background-image: url('img/body.gif');
background-color: #ffffff;
}
a:link, a:active, a:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #B32608;
text-decoration: none;
background-color: transparent;
}
a:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #0E85C9;
text-decoration: none;
background-color: transparent;
}
/* Identd */
#head {
background-image: url('img/head.gif');
background-repeat: no-repeat;
width: 902px;
height: 197px;
margin: 2.5px auto;
padding-bottom: 10px;
}
#content {
padding: 2.5px 7.5px 2.5px 7.5px;
width: 700px;
}
#navigation {
text-align: left;
padding: 5px 0px 5px 5px;
width: 200px;
overflow: hidden;
float: right;
}
#footer {
padding: 2.5px 7.5px 2.5px 7.5px;
letter-spacing: 0.15px;
line-height: 15px;
text-align: center;
}
#liner {
padding: 0px 1px 53% 1px;
background-image: url('img/liner.gif');
background-position: center;
background-repeat: repeat-y;
overflow: hidden;
float: right;
}
/* Class */
.header {
background-image: url('img/header.png');
background-position: center;
background-repeat: no-repeat;
padding: 7px 0px 0px 20px;
height: 20px;
font-weight: bold;
}
.menu {
list-style-type: none;
list-style-image: url('img/list.gif');
margin: 1.5px 0px 0px 8px;
padding: 0px 0px 0px 18px;
}
.space-top {
padding: 1px 0px 5px 0px;
background-image: url('img/top.gif');
background-position: center;
background-repeat: no-repeat;
}
.space-bottom {
padding: 1px 0px 5px 0px;
background-image: url('img/bottom.gif');
background-position: bottom center;
background-repeat: no-repeat;
}
.outline {
background-image: url('img/outline.gif');
background-position: center;
background-repeat: repeat;
width: 924px;
margin:10px auto;
overflow: hidden;
}index83.php
Læg mærke til Linje 42
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Mullep Blog</title>
<link rel="stylesheet" type="text/css" href="css.css" />
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<meta http-equiv="Content-Language" content="da" />
<!--[if IE]>
<link rel="stylesheet" type="text/css" href="css-ie.css" />
<![endif]-->
</head>
<body>
<div class="outline">
<div class="space-top"></div>
<div id="head"></div>
<div id="navigation">
<div class="header">Menu</div>
<ul class="menu">
<!--<li><a href="/Side/Forside">Forside</a></li>
<li><a href="/Side/Blog">Blog</a></li>
<li><a href="/Side/Undertegnede">Undertegnede</a></li>
<li><a href="/Side/CV">Mit CV</a></li>
<li><a href="/Side/Portfolio">Portfolio</a></li>
<li><a href="/Side/Kontakt">Kontakt</a></li>
<li><a href="/Side/Links">Links</a></li>
<li><a href="/Side/Gaestebog">Gæstebog</a></li>-->
<li><a href="#space-top">Forside</a></li>
<li><a href="#space-top">Blog</a></li>
<li><a href="#space-top">Undertegnede</a></li>
<li><a href="#space-top">Mit CV</a></li>
<li><a href="#space-top">Portfolio</a></li>
<li><a href="#space-top">Kontakt</a></li>
<li><a href="#space-top">Links</a></li>
<li><a href="#space-top">Gæstebog</a></li>
</ul>
</div>
<div id="liner"></div>
<div id="content">
test
</div>
<div class="space-bottom"></div>
</div>
<div class="outline">
<div class="space-top"></div>
<div id="footer">
This page was created in 0.0001 seconds.<br/>
W3C Valid: <a href="http://validator.w3.org/check/referer"><acronym title="HyperText Markup Language">XHTML</acronym> 1.0 Strict</a>, <a href="http://jigsaw.w3.org/css-validator/check/referer"><acronym title="Cascading Style Sheets">CSS</acronym> 3.0</a><br />
Copyright © 2007 Joseph Petersen - All rights reserved.
</div>
<div class="space-bottom"></div>
</div>
</body>
</html>
til at forstå?
Indlæg senest redigeret d. 01.04.2007 06:31 af Bruger #11553