Hej!
Er der nogen der er istand til at læse igennem den her rodede
kode og se hvorfor den nederste firkant "content10" ikke viser
sig under den næstnederste. Og kan i få den til at gøre det?
Tak
Rasmus Hertzum-Larsen
<html>
<style type="text/css">
body {
margin: 0px 0px 0px 25px;
padding: 0px 0px 0px 0px;
font-family: verdana;
color: #ccc;
background-color: #133;
font-size: 12px;
line-height: 22px;
}
a {
text-decoration: none;
font-weight: bold;
color: #ccc;
outline: none;
}
a:visited {
color: #ccc;
}
a:active {
color: #ccc;
}
a:hover {
color: #FF0000;
}
ahem {
display: none;
}
strong, b {
font-weight: bold;
}
p {
font-size: 12px;
line-height: 22px;
margin-top: 20px;
margin-bottom: 10px;
}
/* weird ie5win bug: all line-height to font-size ratios must
agree or box gets pushed around. UPDATE: this has turned out to
be very rare. my current recommendation is IGNORE this warning.
at the moment i'm leaving it in only in case the issue turns up
again. possibly the original bug in march 2001 was caused by an
unusual combination of factors, although this solved it at the
time.*/
h1 {
font-size: 104px;
line-height: 44px;
font-weight: bold;
margin-top: 0;
margin-bottom: 0;
}
h2 {
font-size: 18px;
line-height: 40px;
font-weight: bold;
margin-top: 0;
margin-bottom: 0;
}
h3 {
font-size: 16px;
line-height: 22px;
font-weight: bold;
margin-top: 0;
margin-bottom: 0;
}
h4 {
font-size: 14px;
line-height: 26px;
font-weight: bold;
margin-top: 0;
margin-bottom: 0;
}
h5 {
font-size: 12px;
line-height: 22px;
font-weight: bold;
margin-top: 0;
margin-bottom: 0;
}
h6 {
font-size: 10px;
line-height: 18px;
font-weight: bold;
margin-top: 0;
margin-bottom: 0;
}
img {
border: 1;
}
nowrap {
white-space: nowrap;
font-size: 10px;
font-weight: bold;
margin-top: 0;
margin-bottom: 0;
/* must be combined with nobr in html for ie5win */
}
tiny {
font-size: 9px;
line-height: 16px;
margin-top: 15px;
margin-bottom: 5px;
}
#content {
position: absolute;
top: 0px;
left: 0px;
padding: 80px;
margin: 20px 0px 20px 0px;
background: #666;
border: 5px solid #ccc;
voice-family: "\"}\"";
voice-family:inherit;
width: 370px;
}
#content2{
position: absolute;
top: 0px;
left: 600px;
padding: 10px;
margin: 20px;
background: #666;
border: 5px solid #ccc;
width: 400px; /* ie5win fudge begins */
voice-family: "\"}\"";
voice-family:inherit;
width: 270px;
}
#content3{
position: absolute;
top: 200px;
left: 600px;
padding: 10px;
margin: 20px;
background: #666;
border: 5px solid #ccc;
width: 400px; /* ie5win fudge begins */
voice-family: "\"}\"";
voice-family:inherit;
width: 270px;
}
#content4{
position: absolute;
top: 300px;
left: 600px;
padding: 10px;
margin: 20px;
background: #666;
border: 5px solid #ccc;
width: 400px; /* ie5win fudge begins */
voice-family: "\"}\"";
voice-family:inherit;
width: 270px;
}
#content5{
position: absolute;
top: 400px;
left: 600px;
padding: 10px;
margin: 20px;
background: #666;
border: 5px solid #ccc;
width: 400px; /* ie5win fudge begins */
voice-family: "\"}\"";
voice-family:inherit;
width: 270px;
}
#content6{
position: absolute;
top: 500px;
left: 600px;
padding: 10px;
margin: 20px;
background: #666;
border: 5px solid #ccc;
width: 400px; /* ie5win fudge begins */
voice-family: "\"}\"";
voice-family:inherit;
width: 270px;
}
#content7 {
position: absolute;
top: 600px;
left: 600px;
buttom: 200px;
padding: 10px;
margin: 20px;
background: #666;
border: 5px solid #ccc;
width: 400px; /* ie5win fudge begins */
voice-family: "\"}\"";
voice-family:inherit;
width: 270px;
}
#content8 {
position: absolute;
top: 700px;
left: 600px;
buttom: 200px;
padding: 10px;
margin: 20px;
background: #666;
border: 5px solid #ccc;
width: 400px; /* ie5win fudge begins */
voice-family: "\"}\"";
voice-family:inherit;
width: 270px;
}
#content9 {
position: absolute;
top: 800px;
left: 600px;
buttom: 200px;
padding: 10px;
margin: 20px;
background: #666;
border: 5px solid #ccc;
width: 400px; /* ie5win fudge begins */
voice-family: "\"}\"";
voice-family:inherit;
width: 270px;
}
#content10 {
position: absolute;
top: 900px;
left: 600px;
buttom: 200px;
padding: 10px;
margin: 20px;
background: #666;
border: 5px solid #ccc;
width: 400px; /* ie5win fudge begins */
voice-family: "\"}\"";
voice-family:inherit;
width: 270px;
}
#content11 {
position: absolute;
top: 1000px;
left: 600px;
buttom: 200px;
padding: 10px;
margin: 20px;
background: #666;
border: 5px solid #ccc;
width: 400px; /* ie5win fudge begins */
voice-family: "\"}\"";
voice-family:inherit;
width: 270px;
}
#content12 {
position: absolute;
top: 1100px;
left: 600px;
buttom: 200px;
padding: 10px;
margin: 20px;
background: #666;
border: 5px solid #ccc;
width: 400px; /* ie5win fudge begins */
voice-family: "\"}\"";
voice-family:inherit;
width: 270px;
}
#indhold {
position: absolute;
top:1200px;
left: 600px;
buttom: 200px;
padding: 10px;
margin: 20px;
background: #666;
border: 5px solid #ccc;
width: 400px; /* ie5win fudge begins */
voice-family: "\"}\"";
voice-family:inherit;
width: 270px;
}
html>body #content {
width: 370px; /* ie5win fudge ends */
}
pre {
font-size: 12px;
line-height: 22px;
margin-top: 20px;
margin-bottom: 10px;
}
</style>
<div id="content">
<h1>Byen</h1>
</div>
<br>
<br>
</div>
<br>
<br>
</pre>
<div id="content3"> <a
href="
http://www.the-golden-city.subnet.dk/tools/guestbook.cgi">
Gæstebog</a>
</div>
<div id="content4"> <a
href="
http://www.baracca.dk/berlin/judgementday.html"> Billeder
fra Judgement day</a>
</div>
<div id="content5"> <a
href="
http://www.baracca.dk/berlin/andet.html"> Nogle styrt plus
diverse pjat derfra</a>
</div>
<div id="content6"> <a
href="
http://www.baracca.dk/berlin/september.html"> Billeder
taget i September</a>
</div>
<div id="content7"> <a
href="
http://www.baracca.dk/berlin/diverse.html"> Nogle gamle
billeder fra København</a>
</div>
<div id="content8"> <a href
="
http://www.baracca.dk/berlin/underboer.html"> Underboerne helt
fucked</a>
</div>
<div id="content9"> <a href
="
http://www.baracca.dk/berlin/berlin.html"> De første billeder
fra den gyldne by, leveret af Gunnar.
<br> nu også med kommentarer, disse aswell leveret af the
gun...</a>
<div id="content10"> <a href
="
http://www.baracca.dk/berlin/berlin.html"> De første billeder
fra den gyldne by, leveret af Gunnar.
<br> nu også med kommentarer, disse aswell leveret af the
gun...</a>
</a>
</div>
</body>
</html>
--
Danmarks største specialiserede IT jobdatabase
- Udelukkende med IT- og internetrelaterede jobs
- Opret en profil og lad drømmejobbet finde dig
KLIK HER! =>
http://www.html.dk/job