Z
ztaler
Guest
Möchte auf meiner Seite unten einen Bereich machen (DIV "Copy"), wo sich Links zum Impressum, Kontakt und Sitemap befinden.
Leider verschiebts sich dieses DIV immer wieder je nachdem wie das DIV "Content" befüllt ist. Wie kann ich diesem DIV "Copy" eine fixe Höhe zuweisen?
index.html
style.css
Leider verschiebts sich dieses DIV immer wieder je nachdem wie das DIV "Content" befüllt ist. Wie kann ich diesem DIV "Copy" eine fixe Höhe zuweisen?
index.html
HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-5" />
<title>Home</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="top">
<a href="http://www.hannes-mayer.at"><img src="images/logo.gif" alt="" width="600" height="64" /></a><br />
<ul class="menu">
<li><a href="http://www.hannes-mayer.at/ueber_mich/"><img src="images/but1.jpg" alt="" width="117" height="117" /></a></li>
<li><a href="http://www.hannes-mayer.at/service/"><img src="images/but2.jpg" alt="" width="117" height="117" /></a></li>
<li><a href="http://www.hannes-mayer.at/news/"><img src="images/but3.jpg" alt="" width="117" height="117" /></a></li>
<li><a href="http://www.hannes-mayer.at/support/"><img src="images/but4.jpg" alt="" width="117" height="117" /></a></li>
<li><a href="http://www.hannes-mayer.at/referenzen/"><img src="images/but5.jpg" alt="" width="117" height="117" /></a></li>
</ul>
</div>
<div id="wrapper">
<div class="news">
<div class="newsblock dots1">
NEWS
</div>
</div>
<div class="content">
CONTENT
</div>
<div id="copy">
<a href="http://www.hannes-mayer.at/index.php?id=8">Kontakt</a>::<a href="http://www.hannes-mayer.at/index.php?id=17">Impressum</a>::<a href="http://www.hannes-mayer.at/index.php?id=18">Login</a>
</div>
</div>
</div>
</div>
</body>
</html>
HTML:
/* CSS Document */
*{
margin:0px;
padding:0px
}
img{
border:0px
}
html{
width:100%;
height:100%;
background-color:#A5B9C5
}
body{
width:766px;
height:800px;
margin-left:auto;
margin-right:auto;
background-image:url(images/bg.jpg);
background-position:top left;
background-repeat:no-repeat
}
#top{
padding:65px 0 0 70px;
text-align:left
}
.menu{
display:block;
padding:5px 0 0 5px
}
.menu li{
list-style-type:none;
float:left;
margin:0 8px 0 0
}
#wrapper{
padding:60px 5px 0 75px;
float:left;
}
.news{
padding:0 0 0 27px;
float:left
}
.newsblock{
width:121px;
padding:0 0 20px 0;
margin:0 0 11px 0;
font-family:Arial;
font-size:11px;
color:#49657D;
}
.newsblock p{
padding:0 0 0 0
}
.dots1{
background-position:bottom left;
background-repeat:no-repeat;
}
.dots2{
background-position:bottom left;
background-repeat:no-repeat;
padding-bottom:17px;
margin-bottom:10px;
}
.more{
background-image:url(images/arrows.gif);
background-position:0px 4px;
background-repeat:no-repeat;
font-family:Tahoma;
color:#49657D;
font-size:10px;
font-weight:bold;
padding:0 0 0 15px;
margin:10px 0 0 0;
display:block;
text-decoration:underline
}
.more:visited{text-decoration:underline}
.more:hover{text-decoration:none}
.content{
float:left;
padding: 0 0 50px 70px;
width:345px;
font-family:Arial;
font-size:11px;
color:#49657D;
}
.title{
margin:0 0 6px -2px
}
.two{
width:345px;
font-family:Arial;
font-size:11px;
color:#49657D;
}
.two a{
color:#49657D;
}
.first{
float:left;
display:inline;
width:152px;
margin:0 20px 0 0;
background-image:url(images/dots.gif);
background-position:right;
background-repeat:repeat-y;
}
.first img{
margin:0 0 7px 0
}
.first ul{
margin:5px 0 0 0
}
.first li{
list-style-type:none;
background-image:url(images/arrow.gif);
background-position:0px 7px;
background-repeat:no-repeat;
padding:0 0 0 18px;
line-height:20px
}
.first li a:visited{text-decoration:underline}
.first li a:hover{text-decoration:none}
.second{
float:left;
width:168px;
}
.small{
display:block;
width:168px;
padding:4px 0 17px 0;
margin:0 0 10px 0;
}
.small img{
float:left;
border-right:2px solid #9CB2C3;
margin:0 10px 0 0
}
.small a{
font-family:Tahoma;
font-size:10px;
text-decoration:none
}
.secp{
padding:12px 0 0 0
}
#copy{
font-family:Arial;
font-size:13px;
font-weight:bold;
color:#8199A7;
float:left;
width:400px;
text-align:right;
padding:0 0 0 0
}
#copy a{
color:#8199A7;
text-decoration:underline
}
#copy a:visited{text-decoration:underline}
#copy a:hover{text-decoration:none}
