Hej med jer,
Jeg har brug for lidt hjælp. Jeg har et problem med det her site:
http://tommybunger.dk/upload/work/opiumone/retail.htmlSom I nok kan se, så er der nogen scrollbars som går alt for højt op. Jeg vil gerne have at de skal have en maks højde så de følger den tekst som der er i den div container. Men hvordan gør jeg det?
Jeg har prøvet at lave en max height i den specifikke div men det har ikke hjulpet. Nogen af jer der ved hvad der er galt, og hvordan det kan løses??
xhtml kode:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>OpiumOne Webmagazine · Retailers</title>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<center>
<!-- wrapper start -->
<div id="wrapper">
<!-- header start -->
<div id="header"> <a href="index.html"><img src="grafik/logoType.png" alt="" /></a> </div>
<!-- header end -->
<!-- content start -->
<!-- menu -->
<div id="menu"> <a href="collection.html"><img src="grafik/collection.png" alt="" /></a><a href="vision.html"><img src="grafik/vision.png" alt="" /></a><a href="articles.html"><img src="grafik/articles.png" alt="" /></a><a href="store.html"><img src="grafik/store.png" alt="" /></a><a href="press.html"><img src="grafik/press.png" alt=""/></a><a href="inspiration.html"><img src="grafik/inspiration.png" alt="" /></a><a href="retail.html"><img src="grafik/retail.png" alt="" /></a> </div>
<div id="topBox">
<img src="grafik/articleRetailer.png" alt="" />
</div>
<div id="leftBoxRetailers">
<img src="grafik/domestic.png" />
<br />
<p>Lynggaard Guld, Sølv og Ure - 3964 0968<br />
<a href="http://olelynggaard.dk" target="_blank">www.olelynggaard.dk</a><br />
<br />
Louisiana Museum for Moderne Kunst - 8843 5090
<a href="http://louisiana.dk" target="_blank">www.louisiana.dk</a><br />
<br />
Fusion - 5614 7083<br />
<br />
Brogade Guld og Ure - 56659077 <br />
<a href="http://brogadeguldogure.dk" target="_blank">www.brogadeguldogure.dk</a><br />
<br />
Erik Sørensen Smykker - 56149413<br />
<a href="http://eriksoerensen-smykker.dk" target="_blank">www.eriksoerensen-smykker.dk</a><br />
<br />
My Shoes - 39610114<br />
<a href="http://myshoes.dk" target="_blank">www.myshoes.dk</a><br />
<br />
Rosemunde - 39640190<br />
<a href="http://rosemunde.dk" target="_blank">www.rosemunde.dk</a><br />
<br />
Guldsmedien Køge ApS - 56661991<br />
<a href="http://guldsmedienkoege.dk" target="_blank">www.guldsmedienkoege.dk</a> <br />
<br />
Gitte E - 55735909<br />
<a href="http://gitte-e.dk" target="_blank">www.gitte-e.dk</a><br />
<br />
Upstairs - 56144426 <br />
<br />
House of Amber - 39550808<br />
<a href="http://houseofamber.com" target="_blank">www.houseofamber.com</a><br />
<br />
Fyn <br />
Happel - 6614 3614<br />
<br />
Jørgen Nielsen<br />
<a href="http://jnguld.dk" target="_blank">www.jnguld.dk</a><br />
<br />
Pind J. Design - 62211292<br />
<a href="http://pindj.dk" target="_blank">www.pindj.dk</a><br />
<br />
Jylland <br />
Meincke - 7442 2744<br />
<a href="http://meincke-ure.dk" target="_blank">www.meincke-ure.dk</a><br />
<br />
Ørsnes - 9812 0832<br />
<a href="http://orsnes.dk" target="_blank">www.orsnes.dk</a> <br />
<br />
</p>
</div>
<div id="rightBoxRetailers">
<img src="grafik/abroad.png" />
<br />
<p>Zabilus <br />
<a href="http://zabiluz.be" target="_blank">www.zabiluz.be</a><br />
<br />
Fashion d.k. - (+32) 479 993 502 <br />
<br />
Norway<br />
<br />
Monsieu Scabal<br />
<a href="http://scabal.no" target="_blank">www.scabal.no</a> <br />
<br />
Forfengligheten - (+49) 4809 0964<br />
<br />
Ellie and Company - (+47) 92 83 11 88<br />
<br />
Høyer Sjølyst - (+47) 22 44 24 19<br />
<br />
Rosie and Friends - Nice Day A/S - (+47) 99 01 80 22<br />
<br />
Sense of Style A/S - (+47) 97 73 60 04<br />
<br />
Villa Rosa - (+47) 51 20 05 51<br />
<br />
Kleins AS - (+47) 73990970<br />
Mols AS - (+47) 47284802<br />
Schweiz<br />
<br />
Cph - (+41) 313 120 640<br />
<br />
Sweden<br />
<br />
Riddargatan 12 - (+46) 8 611 08 37<br />
<br />
Scaasi Stockholm<br />
<a href="http://scaasi.se" target="_blank">www.scaasi.se </a><br />
<br />
Takeuschi<br />
<a href="http://takeuschi.com" target="_blank">www.takeuschi.com </a><br />
<br />
Deutschland<br />
<br />
TOSH <br />
<a href="http://tosh.de" target="_blank">www.tosh.de</a> <br />
<br />
Strand (+49) 49 32 93 44 0<br />
<br />
USA<br />
<br />
deepFling/Primicon INC. <br />
<a href="http://deepfling.com" target="_blank"> http://deepfling.com </a> <br />
<br />
Ronnie Golden Engle - (+1) 4018215273<br />
<br />
Adina and Company<br />
<a href="http://adinaandcompany.com" target="_blank">www.adinaandcompany.com</a><br />
<br />
Istanbul<br />
<br />
Lokum Kurucesme cad. No 59 - (+90) 5322473744 <br />
<br />
Qatar<br />
<br />
Dados Al-Seal Residence - (+974) 4980033 </p>
</div>
<!-- content end -->
<!-- footer start -->
<div id="footer"> <img src="grafik/footer.png" alt="" />
<div id="footerTxt">
<h2>Copyright © OpiumOne 2009 · <a href="mailto:info@opiumone.com"> info@opiumone.com </a> · Design by: Group 22 "OpiumOne"</h2></div>
</div>
<!-- footer end -->
</div>
<!-- wrapper end -->
</center>
</body>
</html>
css kode:
@charset "UTF-8";
/* CSS Document */
body {
background-color: #FFFFFF;
position: relative;
text-align: left;
}
img {
border-style: none;
}
/*wrapper*/
#wrapper {
position: relative;
width: 1024px;
float: none;
}
/*header*/
#header {
position: absolute;
padding-left: 15.5%;
z-index: 11;
}
/*content*/
#content {
position: fixed;
z-index: 2;
}
#menu {
position: absolute;
padding-top: 14%;
padding-left: 30.5%;
z-index: 10;
}
#tellafriend {
position: absolute;
padding-top: 71%;
padding-left: 76%;
z-index: 1;
}
#tellafriendCode {
position: absolute;
padding-top: 0%;
padding-left: 0%;
z-index: 1;
}
#commentBox {
position: absolute;
padding-top: 0%;
padding-left: 0%;
z-index: 3;
}
#topBox {
position: absolute;
max-width: 662px; /*width on box 662px, height 150px*/
padding-left: 17.3%;
padding-top: 18%;
}
#head1 {
position: absolute;
padding-top: 34.2%;
padding-left: 34%;
max-width: 150px;
z-index: 8;
}
#head2 {
position: absolute;
padding-top: 43%;
padding-left: 34%;
max-width: 150px;
z-index: 7;
}
#head3 {
position: absolute;
padding-top: 52.2%;
padding-left: 34%;
max-width: 150px;
z-index: 6;
}
#head4 {
position: absolute;
padding-top: 61.8%;
padding-left: 34%;
max-width: 150px;
z-index: 5;
}
#leftBox {
position: absolute;
max-width: 300px;
max-height: 400px;
padding-top: 34%;
padding-left: 17.3%;
text-align: left;
overflow-y: auto;
z-index: 4;
}
#rightBox {
position: absolute;
max-width: 310px;
max-height: 400px;
padding-left: 50%;
padding-top: 34%;
text-align: left;
z-index: 3;
}
#leftBoxArticles1 {
position: absolute;
max-width: 300px;
max-height: 400px;
padding-top: 35.3%;
padding-left: 17.3%;
text-align: left;
z-index: 4;
}
#leftBoxArticles2 {
position: absolute;
max-width: 300px;
max-height: 400px;
padding-top: 44%;
padding-left: 17.3%;
text-align: left;
z-index: 4;
}
#leftBoxArticles3 {
position: absolute;
max-width: 300px;
max-height: 400px;
padding-top: 53.3%;
padding-left: 17.3%;
text-align: left;
z-index: 4;
}
#leftBoxArticles4 {
position: absolute;
max-width: 300px;
max-height: 400px;
padding-top: 62.8%;
padding-left: 17.3%;
text-align: left;
z-index: 4;
}
#rightBoxArticles {
position: absolute;
max-width: 345px;
max-height: 400px;
padding-left: 50%;
padding-top: 34%;
overflow: auto;
margin: 0;
text-align: left;
z-index: 3;
}
#leftBoxRetailers {
position: absolute;
max-width: 300px;
max-height: 350px;
padding-top: 34%;
padding-left: 17.3%;
overflow: auto;
text-align: left;
z-index: 4;
}
#rightBoxRetailers {
position: absolute;
max-width: 350px;
max-height: 350px;
padding-left: 52%;
padding-top: 34%;
overflow: auto;
text-align: left;
z-index: 3;
}
#centerBox {
position: absolute;
padding-left: 17.3%;
padding-top: 36%;
z-index: 2;
}
#centerBoxGallery {
position: absolute;
padding-left: 17.3%;
padding-top: 20%;
z-index: 2;
}
/*footer*/
#footer {
position: absolute;
padding-left: 17.3%;
padding-top: 75%
}
#footerTxt {
position: absolute;
padding-left: 0.5%;
top: 767px;
}
/*links*/
a {
font-family: Arial, Helvetica, sans-serif;
font-size: 8px;
color: #000000;
text-decoration: none;
}
a:hover {
}
a:active {
}
a:visited {
}
/*text*/
p {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
}
h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-style: oblique;
color: #000000;
}
h2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 8px;
color: #000000;
}
h3 {
font-family: Arial, Helvetica, sans-serif;
font-size: 9px;
color: #000000;
}
På forhånd tak!