最小宽度不适用于包装器

时间:2016-04-25 19:07:52

标签: html css width

出于某种原因,我不能让min-width工作。我现在把它留了出来。如果页面上的宽度太小,我的背景就不再适合了(看图片)。我很擅长创建网站和东西。如果你不注意的话,我的背景几乎就是我的整个设计。因此,重要的是它适合所有尺寸。我在哪里以及如何编写min-with代码?已经在#Container(我的包装器)下尝试过。提前谢谢!

图片:IMGUR LINK

My HTML and CSS: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>WEBSITE</title>
<style type="text/css">
#Container {
    padding: 0px;
    width: 100%;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    height: 2000px;
    min-width:1000px;
}
#ContentContainer {
    padding: 0px;
    width: 1002px;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    position: relative;
    margin-right: auto;
    margin-left: auto;
}
#Header {
    margin: 0px;
    padding: 0px;
    height: 230px;
}
#Photo {
    margin: 0px;
    padding: 0px;
    height: 232px;
}
#Bilde1 {
    height: 100%;
    width: 347px;
    margin: 0px;
    padding: 0px;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    float: left;
}
#Bilde2 {
    height: 100%;
    width: 350px;
    margin: 0px;
    padding: 0px;
    float: left;
}
#Bilde3 {
    margin: 0px;
    padding: 0px;
    float: left;
    height: 100%;
    width: 305px;
}
#MainContent {
    height: 1300px;
    float: left;
    width: 626px;
    padding-left: 9px;
    padding-right: 5px;
}
#Search {
    margin: 0px;
    padding: 0px;
    float: right;
    height: 57px;
    width: 360px;
}
#SearchTab {
    margin: 0px;
    float: left;
    height: 42px;
    width: 290px;
    padding-top: 15px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 10px;
}
#SearchButton {
    margin: 0px;
    padding: 0px;
    float: right;
    width: 60px;
    height: 57px;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
}
#SideBar {
    margin: 0px;
    float: right;
    width: 340px;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    height: 425px;
    font-family: "Century Gothic";
    padding-top: 20px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 20px;
}
#SideChat {
    float: right;
    height: 480px;
    width: 355px;
    margin: 0px;
    padding-top: 17.5px;
    padding-right: 5px;
    padding-bottom: 0px;
    padding-left: 0px;
}
#NavBar {
    margin: 0px;
    padding: 0px;
    height: 59px;
    background-image: url(bilder/navbg.jpg);
    background-repeat: no-repeat;
    background-size: 1100px 59px;

}

body { 
    background-image: url(bg.jpg) ;
    Background-color: #151924;
    background-repeat: no-repeat;
    background-position: top center;
    background-attachment: local;
    overflow-x:hidden;
}
#sf{
    height:30px;
    width:285px;
    background-color:transparent;
    font-size:18px;
    font-family:"Century Gothic";
    outline:none;
    text-align: center;
}
#sb{
    width:60px;
    height:57px;
}
#Trades{
    background-color: #e4e4e4;
    padding-left: 10px;
    margin-right: 5px;
}
#Salg{
    background-color: #e4e4e4;
    padding-left: 10px;
    margin-right: 5px;

}
#Keys{
    background-color: #e4e4e4;
    padding-left: 10px;
    margin-right: 5px;  
}
#CSGODouble{
    background-color: #e4e4e4;
    padding-left: 10px;
    margin-right: 5px;
}
#Paypal{
    background-color: #e4e4e4;
    padding-left: 10px;
    margin-right: 5px;
}
#Quicksell{
    background-color: #e4e4e4;
    padding-left: 10px;
    margin-right: 5px;
}
#Gratis{
    background-color: #e4e4e4;
    padding-left: 10px;
    margin-right: 5px;  
}
#PC{
    background-color: #e4e4e4;
    padding-left: 10px;
    margin-right: 5px;  
}
#Diskusjon{
    background-color: #e4e4e4;
    padding-left: 10px;
    margin-right: 5px;
}
#Diverse{
    background-color: #e4e4e4;
    padding-left: 10px;
    margin-right: 5px;

</style>
<style>
#rolling-nav {
  font:normal 12px 'Trebuchet MS',Trebuchet,Arial,Sans-Serif;
  color:white;
  text-transform:uppercase;
    /* outline:1px solid; */
    width:100%; /* Fixed width. Measure it manually */
    margin:0px auto;
}

#rolling-nav ul {
  height:59px;
  margin:0px 0px;
  padding:0px 0px;
  overflow:hidden;
}

#rolling-nav li {
  float:left;
  display:inline;
  list-style:none;
  margin:0px 0px;
  padding:0px 0px;
}

#rolling-nav a,
#rolling-nav a:before {
  display:block;
  margin:0px 0px;
  padding:0px 30px;
  line-height:59px;
  color:grey;
  text-decoration:none;
  background-color:white;
  background-image:-webkit-linear-gradient(top, white 0%, #F7F7F7 50%, #F5F5F5 50%, #F1F1F1 100%);
  background-image:-moz-linear-gradient(top, white 0%, #F7F7F7 50%, #F5F5F5 50%, #F1F1F1 100%);
  background-image:-ms-linear-gradient(top, white 0%, #F7F7F7 50%, #F5F5F5 50%, #F1F1F1 100%);
  background-image:-o-linear-gradient(top, white 0%, #F7F7F7 50%, #F5F5F5 50%, #F1F1F1 100%);
  background-image:linear-gradient(top, white 0%, #F7F7F7 50%, #F5F5F5 50%, #F1F1F1 100%);
  -webkit-box-shadow:inset 0px 1px 0px rgba(255,255,255,0.1);
  -moz-box-shadow:inset 0px 1px 0px rgba(255,255,255,0.1);
  box-shadow:inset 0px 1px 0px rgba(255,255,255,0.1);
  position:relative;
  -webkit-transition:all 0.3s ease-in-out;
  -moz-transition:all 0.3s ease-in-out;
  -ms-transition:all 0.3s ease-in-out;
  -o-transition:all 0.3s ease-in-out;
  transition:all 0.3s ease-in-out;
}

#rolling-nav a:before {
  content:attr(data-clone);
  position:absolute;
  top:100%;
    right:0px;
  left:0px;
  display:block;
  background-color:#ff6b35;
  background-image:-webkit-linear-gradient(top, #ff6b35, #C63D0C);
  background-image:-moz-linear-gradient(top, #ff6b35, #C63D0C);
  background-image:-ms-linear-gradient(top, #ff6b35, #C63D0C);
  background-image:-o-linear-gradient(top, #ff6b35, #C63D0C);
  background-image:linear-gradient(top, #ff6b35, #C63D0C);
  color:white;
}

#rolling-nav a:hover {
  margin-top:-59px;
  margin-bottom:1px;
}
#VisMer {
    height: 40px;
    width: 260px;
    margin: 0px;
    padding: 0px;
}
</style>

</head>

<body> 
<div id="Container">
  <div id="ContentContainer">
    <div id="Header" style="cursor: pointer;" onclick="location.href='index.html'"></div>
    <div id="NavBar">
    <nav id="rolling-nav">
    <ul>
        <li><a href="" data-clone="Hjem">Hjem</a></li>
        <li><a href="regler" data-clone="Regler">Regler</a></li>
        <li><a href="info" data-clone="Info">Info</a></li>
        <li><a href="mm" data-clone="Middleman">Middleman</a></li>
        <li><a href="kontakt" data-clone="Kontakt oss">Kontakt oss</a></li>
    </ul>
</nav>
    </div>
    <div id="Photo">
      <div id="Bilde1" style="cursor: pointer;" onclick="location.href='LINK'"></div>
      <div id="Bilde2" style="cursor: pointer;" onclick="location.href='LINK'"></div>
      <div id="Bilde3" style="cursor: pointer;" onclick="location.href='LINK'"></div>
    </div>
    <div id="MainContent">
    <div style="border: 0px solid #000; overflow: hidden; margin: 15px auto; max-width: 650px; opacity:1">
<iframe scrolling="yes" src="IFRAME LINK" style="border: 0px none; margin-left: 0px; height: 2575px; margin-top: -1380px; margin-bottom: -222px; width: 650px;">
</iframe>
</div>
    <div id="VisMer" style="cursor: pointer;" onclick="location.href='LINK'"></div>
    </div>
    <div id="Search">
    <form id="search" action="SITE LINK SEARCH?" method="get">
        <div id="SearchTab">
<input name="query" type="text" id="sf" style="color: white" onfocus="if (this.value == 'Søk') {this.style.color='#FF6B35   '; this.value=''}" onblur="if(this.value == '') { this.style.color='white'; this.value='Søk'}" value="Søk" />
</style>
        </div>
        <div id="SearchButton">
          <input type="image" src="bilder/blank.png" id="sb" alt"Btn">
        </div>
    </div>
    </form>
    <div id="SideBar"> <span style="font-size: 30px; color: #ff6b35;">FILTRER</span>
      <div id="Trades" style="cursor: pointer;" onclick="location.href='SITE LINK SEARCH?query=[Trade]'"><p style="color: #ff6b35">Trades</p></div>
      <div id="Salg" style="cursor: pointer;" onclick="location.href='SITE LINK SEARCH?query=[Salg]'"><p style="color: #ff6b35">Salg</p></div>
      <div id="Keys" style="cursor: pointer;" onclick="location.href='SITE LINK SEARCH?query=[Keys]'"><p style="color: #ff6b35">Keys</p></div>
      <div id="CSGODouble" style="cursor: pointer;" onclick="location.href='SITE LINK SEARCH?query=[CSGODouble]'"><p style="color: #ff6b35">CSGODouble</p></div>
      <div id="Paypal" style="cursor: pointer;" onclick="location.href='SITE LINK SEARCH?query=[PayPal]'"><p style="color: #ff6b35">PayPal</p></div>
      <div id="Quicksell" style="cursor: pointer;" onclick="location.href='SITE LINK SEARCH?query=[Quicksell]'"><p style="color: #ff6b35">Quicksell</p></div>
      <div id="Gratis" style="cursor: pointer;" onclick="location.href='SITE LINK SEARCH?query=[Gratis]'"><p style="color: #ff6b35">Gratis</p></div>
      <div id="PC" style="cursor: pointer;" onclick="location.href='SITE LINK SEARCH?query=[PC]'"><p style="color: #ff6b35">Price Check</p></div>
      <div id="Diskusjon" style="cursor: pointer;" onclick="location.href='SITE'"><p style="color: #ff6b35">Diskusjon</p></div>
      <div id="Diverse" style="cursor: pointer;" onclick="location.href='SITE'"><p style="color: #ff6b35">Diverse</p></div>

    </div>
    <div id="SideChat">
    <script type="text/javascript" src="LINK WITH CHAT BOX SCRIPT"></script></div>
  </div>
  <p>&nbsp; </p>
</div>
</body>
</html>

PS:我不希望我的网站有响应。我希望它能够居中,但不会随着变化而改变其他方式。

3 个答案:

答案 0 :(得分:0)

从身体移除边距。 CSS: body {margin:0}

如果你想放一个背景图片, 您可以使用背景大小而不是&#34; cover&#34;选项。 http://www.w3schools.com/cssref/css3_pr_background-size.asp

答案 1 :(得分:0)

你有很多html错误https://validator.w3.org/check

来自w3.org的整洁代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="generator" content="HTML Tidy for Linux (vers 25 March 2009), see www.w3.org" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>WEBSITE</title>

<style type="text/css">
/*<![CDATA[*/
#Container {
    padding: 0px;
    width: 100%;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    height: 2000px;
    min-width:1000px;
}
#ContentContainer {
    padding: 0px;
    width: 1002px;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    position: relative;
    margin-right: auto;
    margin-left: auto;
}
#Header {
    margin: 0px;
    padding: 0px;
    height: 230px;
}
#Photo {
    margin: 0px;
    padding: 0px;
    height: 232px;
}
#Bilde1 {
    height: 100%;
    width: 347px;
    margin: 0px;
    padding: 0px;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    float: left;
}
#Bilde2 {
    height: 100%;
    width: 350px;
    margin: 0px;
    padding: 0px;
    float: left;
}
#Bilde3 {
    margin: 0px;
    padding: 0px;
    float: left;
    height: 100%;
    width: 305px;
}
#MainContent {
    height: 1300px;
    float: left;
    width: 626px;
    padding-left: 9px;
    padding-right: 5px;
}
#Search {
    margin: 0px;
    padding: 0px;
    float: right;
    height: 57px;
    width: 360px;
}
#SearchTab {
    margin: 0px;
    float: left;
    height: 42px;
    width: 290px;
    padding-top: 15px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 10px;
}
#SearchButton {
    margin: 0px;
    padding: 0px;
    float: right;
    width: 60px;
    height: 57px;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
}
#SideBar {
    margin: 0px;
    float: right;
    width: 340px;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    height: 425px;
    font-family: "Century Gothic";
    padding-top: 20px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 20px;
}
#SideChat {
    float: right;
    height: 480px;
    width: 355px;
    margin: 0px;
    padding-top: 17.5px;
    padding-right: 5px;
    padding-bottom: 0px;
    padding-left: 0px;
}
#NavBar {
    margin: 0px;
    padding: 0px;
    height: 59px;
    background-image: url(bilder/navbg.jpg);
    background-repeat: no-repeat;
    background-size: 1100px 59px;

}

body { 
   margin:0 auto; 
   background-image: url(bg.jpg) ;
    Background-color: #151924;
    background-repeat: no-repeat;
    background-position: top center;
    background-attachment: local;
    overflow-x:hidden;
}
#sf{
    height:30px;
    width:285px;
    background-color:transparent;
    font-size:18px;
    font-family:"Century Gothic";
    outline:none;
    text-align: center;
}
#sb{
    width:60px;
    height:57px;
}
#Trades{
    background-color: #e4e4e4;
    padding-left: 10px;
    margin-right: 5px;
}
#Salg{
    background-color: #e4e4e4;
    padding-left: 10px;
    margin-right: 5px;

}
#Keys{
    background-color: #e4e4e4;
    padding-left: 10px;
    margin-right: 5px;  
}
#CSGODouble{
    background-color: #e4e4e4;
    padding-left: 10px;
    margin-right: 5px;
}
#Paypal{
    background-color: #e4e4e4;
    padding-left: 10px;
    margin-right: 5px;
}
#Quicksell{
    background-color: #e4e4e4;
    padding-left: 10px;
    margin-right: 5px;
}
#Gratis{
    background-color: #e4e4e4;
    padding-left: 10px;
    margin-right: 5px;  
}
#PC{
    background-color: #e4e4e4;
    padding-left: 10px;
    margin-right: 5px;  
}
#Diskusjon{
    background-color: #e4e4e4;
    padding-left: 10px;
    margin-right: 5px;
}
#Diverse{
    background-color: #e4e4e4;
    padding-left: 10px;
    margin-right: 5px;

/*]]>*/
</style>

<style type="text/css">
/*<![CDATA[*/
#rolling-nav {
  font:normal 12px 'Trebuchet MS',Trebuchet,Arial,Sans-Serif;
  color:white;
  text-transform:uppercase;
    /* outline:1px solid; */
    width:100%; /* Fixed width. Measure it manually */
    margin:0px auto;
}

#rolling-nav ul {
  height:59px;
  margin:0px 0px;
  padding:0px 0px;
  overflow:hidden;
}

#rolling-nav li {
  float:left;
  display:inline;
  list-style:none;
  margin:0px 0px;
  padding:0px 0px;
}

#rolling-nav a,
#rolling-nav a:before {
  display:block;
  margin:0px 0px;
  padding:0px 30px;
  line-height:59px;
  color:grey;
  text-decoration:none;
  background-color:white;
  background-image:-webkit-linear-gradient(top, white 0%, #F7F7F7 50%, #F5F5F5 50%, #F1F1F1 100%);
  background-image:-moz-linear-gradient(top, white 0%, #F7F7F7 50%, #F5F5F5 50%, #F1F1F1 100%);
  background-image:-ms-linear-gradient(top, white 0%, #F7F7F7 50%, #F5F5F5 50%, #F1F1F1 100%);
  background-image:-o-linear-gradient(top, white 0%, #F7F7F7 50%, #F5F5F5 50%, #F1F1F1 100%);
  background-image:linear-gradient(top, white 0%, #F7F7F7 50%, #F5F5F5 50%, #F1F1F1 100%);
  -webkit-box-shadow:inset 0px 1px 0px rgba(255,255,255,0.1);
  -moz-box-shadow:inset 0px 1px 0px rgba(255,255,255,0.1);
  box-shadow:inset 0px 1px 0px rgba(255,255,255,0.1);
  position:relative;
  -webkit-transition:all 0.3s ease-in-out;
  -moz-transition:all 0.3s ease-in-out;
  -ms-transition:all 0.3s ease-in-out;
  -o-transition:all 0.3s ease-in-out;
  transition:all 0.3s ease-in-out;
}

#rolling-nav a:before {
  content:attr(data-clone);
  position:absolute;
  top:100%;
    right:0px;
  left:0px;
  display:block;
  background-color:#ff6b35;
  background-image:-webkit-linear-gradient(top, #ff6b35, #C63D0C);
  background-image:-moz-linear-gradient(top, #ff6b35, #C63D0C);
  background-image:-ms-linear-gradient(top, #ff6b35, #C63D0C);
  background-image:-o-linear-gradient(top, #ff6b35, #C63D0C);
  background-image:linear-gradient(top, #ff6b35, #C63D0C);
  color:white;
}

#rolling-nav a:hover {
  margin-top:-59px;
  margin-bottom:1px;
}
#VisMer {
    height: 40px;
    width: 260px;
    margin: 0px;
    padding: 0px;
}
/*]]>*/
</style>

<style type="text/css">
/*<![CDATA[*/
 p.c6 {color: #ff6b35}
 span.c5 {font-size: 30px; color: #ff6b35;}
 input.c4 {color: white}
 div.c3 {border: 0px solid #000; overflow: hidden; margin: 15px auto; max-width: 650px; opacity:1}
 iframe.c2 {border: 0px none; margin-left: 0px; height: 2575px; margin-top: -1380px; margin-bottom: -222px; width: 650px;}
 div.c1 {cursor: pointer;}
/*]]>*/
</style>
</head>
<body>
<div id="Container">
<div id="ContentContainer">
<div id="Header" class="c1" onclick="location.href='index.html'"></div>
<div id="NavBar">
<ul>
<li><a href="">Hjem</a></li>
<li><a href="regler">Regler</a></li>
<li><a href="info">Info</a></li>
<li><a href="mm">Middleman</a></li>
<li><a href="kontakt">Kontakt oss</a></li>
</ul>
</div>
<div id="Photo">
<div id="Bilde1" class="c1" onclick="location.href='LINK'"></div>
<div id="Bilde2" class="c1" onclick="location.href='LINK'"></div>
<div id="Bilde3" class="c1" onclick="location.href='LINK'"></div>
</div>
<div id="MainContent">
<div class="c3"><iframe scrolling="yes" src="IFRAME%20LINK" class="c2"></iframe></div>
<div id="VisMer" class="c1" onclick="location.href='LINK'"></div>
</div>
<div id="Search">
<form id="search" action="SITE%20LINK%20SEARCH?" method="get" name="search">
<div id="SearchTab"><input name="query" type="text" id="sf" class="c4" onfocus="if (this.value == 'S�k') {this.style.color='#FF6B35 '; this.value=''}" onblur="if(this.value == '') { this.style.color='white'; this.value='S�k'}" value="S�k" /></div>
<div id="SearchButton"><input type="image" src="bilder/blank.png" id="sb" /></div>
</form>
</div>
<div id="SideBar"><span class="c5">FILTRER</span>
<div id="Trades" class="c1" onclick="location.href='SITE LINK SEARCH?query=[Trade]'">
<p class="c6">Trades</p>
</div>
<div id="Salg" class="c1" onclick="location.href='SITE LINK SEARCH?query=[Salg]'">
<p class="c6">Salg</p>
</div>
<div id="Keys" class="c1" onclick="location.href='SITE LINK SEARCH?query=[Keys]'">
<p class="c6">Keys</p>
</div>
<div id="CSGODouble" class="c1" onclick="location.href='SITE LINK SEARCH?query=[CSGODouble]'">
<p class="c6">CSGODouble</p>
</div>
<div id="Paypal" class="c1" onclick="location.href='SITE LINK SEARCH?query=[PayPal]'">
<p class="c6">PayPal</p>
</div>
<div id="Quicksell" class="c1" onclick="location.href='SITE LINK SEARCH?query=[Quicksell]'">
<p class="c6">Quicksell</p>
</div>
<div id="Gratis" class="c1" onclick="location.href='SITE LINK SEARCH?query=[Gratis]'">
<p class="c6">Gratis</p>
</div>
<div id="PC" class="c1" onclick="location.href='SITE LINK SEARCH?query=[PC]'">
<p class="c6">Price Check</p>
</div>
<div id="Diskusjon" class="c1" onclick="location.href='SITE'">
<p class="c6">Diskusjon</p>
</div>
<div id="Diverse" class="c1" onclick="location.href='SITE'">
<p class="c6">Diverse</p>
</div>
</div>
<div id="SideChat"><script type="text/javascript" src="LINK%20WITH%20CHAT%20BOX%20SCRIPT">
</script></div>
</div>
<p> </p>
</div>
</body>
</html>

答案 2 :(得分:0)

以下是修正了评论错误的代码 - 试试它是否有帮助, 我无法看到图片,因此我不确定它是否能解决您的问题。

   <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  <title>WEBSITE</title>
  <style type="text/css">
    #Container {
      padding: 0px;
      width: 100%;
      border-top-width: 0px;
      border-right-width: 0px;
      border-bottom-width: 0px;
      border-left-width: 0px;
      border-top-style: solid;
      border-right-style: solid;
      border-bottom-style: solid;
      border-left-style: solid;
      height: 2000px;
      min-width: 1000px;
    }

    #ContentContainer {
      padding: 0px;
      width: 1002px;
      border-top-width: 0px;
      border-right-width: 0px;
      border-bottom-width: 0px;
      border-left-width: 0px;
      border-top-style: solid;
      border-right-style: solid;
      border-bottom-style: solid;
      border-left-style: solid;
      position: relative;
      margin-right: auto;
      margin-left: auto;
    }

    #Header {
      margin: 0px;
      padding: 0px;
      height: 230px;
    }

    #Photo {
      margin: 0px;
      padding: 0px;
      height: 232px;
    }

    #Bilde1 {
      height: 100%;
      width: 347px;
      margin: 0px;
      padding: 0px;
      border-top-width: 0px;
      border-right-width: 0px;
      border-bottom-width: 0px;
      border-left-width: 0px;
      border-top-style: solid;
      border-right-style: solid;
      border-bottom-style: solid;
      border-left-style: solid;
      float: left;
    }

    #Bilde2 {
      height: 100%;
      width: 350px;
      margin: 0px;
      padding: 0px;
      float: left;
    }

    #Bilde3 {
      margin: 0px;
      padding: 0px;
      float: left;
      height: 100%;
      width: 305px;
    }

    #MainContent {
      height: 1300px;
      float: left;
      width: 626px;
      padding-left: 9px;
      padding-right: 5px;
    }

    #Search {
      margin: 0px;
      padding: 0px;
      float: right;
      height: 57px;
      width: 360px;
    }

    #SearchTab {
      margin: 0px;
      float: left;
      height: 42px;
      width: 290px;
      padding-top: 15px;
      padding-right: 0px;
      padding-bottom: 0px;
      padding-left: 10px;
    }

    #SearchButton {
      margin: 0px;
      padding: 0px;
      float: right;
      width: 60px;
      height: 57px;
      border-top-width: 0px;
      border-right-width: 0px;
      border-bottom-width: 0px;
      border-left-width: 0px;
      border-top-style: solid;
      border-right-style: solid;
      border-bottom-style: solid;
      border-left-style: solid;
    }

    #SideBar {
      margin: 0px;
      float: right;
      width: 340px;
      border-top-width: 0px;
      border-right-width: 0px;
      border-bottom-width: 0px;
      border-left-width: 0px;
      border-top-style: solid;
      border-right-style: solid;
      border-bottom-style: solid;
      border-left-style: solid;
      height: 425px;
      font-family: "Century Gothic";
      padding-top: 20px;
      padding-right: 0px;
      padding-bottom: 0px;
      padding-left: 20px;
    }

    #SideChat {
      float: right;
      height: 480px;
      width: 355px;
      margin: 0px;
      padding-top: 17.5px;
      padding-right: 5px;
      padding-bottom: 0px;
      padding-left: 0px;
    }

    #NavBar {
      margin: 0px;
      padding: 0px;
      height: 59px;
      background-image: url(bilder/navbg.jpg);
      background-repeat: no-repeat;
      background-size: 1100px 59px;

    }

    body {
      background-image: url(bg.jpg);
      Background-color: #151924;
      background-repeat: no-repeat;
      background-position: top center;
      background-attachment: local;
      overflow-x: hidden;
    }

    #sf {
      height: 30px;
      width: 285px;
      background-color: transparent;
      font-size: 18px;
      font-family: "Century Gothic";
      outline: none;
      text-align: center;
    }

    #sb {
      width: 60px;
      height: 57px;
    }

    #Trades {
      background-color: #e4e4e4;
      padding-left: 10px;
      margin-right: 5px;
    }

    #Salg {
      background-color: #e4e4e4;
      padding-left: 10px;
      margin-right: 5px;

    }

    #Keys {
      background-color: #e4e4e4;
      padding-left: 10px;
      margin-right: 5px;
    }

    #CSGODouble {
      background-color: #e4e4e4;
      padding-left: 10px;
      margin-right: 5px;
    }

    #Paypal {
      background-color: #e4e4e4;
      padding-left: 10px;
      margin-right: 5px;
    }

    #Quicksell {
      background-color: #e4e4e4;
      padding-left: 10px;
      margin-right: 5px;
    }

    #Gratis {
      background-color: #e4e4e4;
      padding-left: 10px;
      margin-right: 5px;
    }

    #PC {
      background-color: #e4e4e4;
      padding-left: 10px;
      margin-right: 5px;
    }

    #Diskusjon {
      background-color: #e4e4e4;
      padding-left: 10px;
      margin-right: 5px;
    }

    #Diverse {
      background-color: #e4e4e4;
      padding-left: 10px;
      margin-right: 5px;
    }
  </style>
  <style>
    #rolling-nav {
      font: normal 12px 'Trebuchet MS', Trebuchet, Arial, Sans-Serif;
      color: white;
      text-transform: uppercase;
      /* outline:1px solid; */
      width: 100%; /* Fixed width. Measure it manually */
      margin: 0px auto;
    }

    #rolling-nav ul {
      height: 59px;
      margin: 0px 0px;
      padding: 0px 0px;
      overflow: hidden;
    }

    #rolling-nav li {
      float: left;
      display: inline;
      list-style: none;
      margin: 0px 0px;
      padding: 0px 0px;
    }

    #rolling-nav a,
    #rolling-nav a:before {
      display: block;
      margin: 0px 0px;
      padding: 0px 30px;
      line-height: 59px;
      color: grey;
      text-decoration: none;
      background-color: white;
      background-image: -webkit-linear-gradient(top, white 0%, #F7F7F7 50%, #F5F5F5 50%, #F1F1F1 100%);
      background-image: -moz-linear-gradient(top, white 0%, #F7F7F7 50%, #F5F5F5 50%, #F1F1F1 100%);
      background-image: -ms-linear-gradient(top, white 0%, #F7F7F7 50%, #F5F5F5 50%, #F1F1F1 100%);
      background-image: -o-linear-gradient(top, white 0%, #F7F7F7 50%, #F5F5F5 50%, #F1F1F1 100%);
      background-image: linear-gradient(top, white 0%, #F7F7F7 50%, #F5F5F5 50%, #F1F1F1 100%);
      -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.1);
      -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.1);
      box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.1);
      position: relative;
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -ms-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
    }

    #rolling-nav a:before {
      content: attr(data-clone);
      position: absolute;
      top: 100%;
      right: 0px;
      left: 0px;
      display: block;
      background-color: #ff6b35;
      background-image: -webkit-linear-gradient(top, #ff6b35, #C63D0C);
      background-image: -moz-linear-gradient(top, #ff6b35, #C63D0C);
      background-image: -ms-linear-gradient(top, #ff6b35, #C63D0C);
      background-image: -o-linear-gradient(top, #ff6b35, #C63D0C);
      background-image: linear-gradient(top, #ff6b35, #C63D0C);
      color: white;
    }

    #rolling-nav a:hover {
      margin-top: -59px;
      margin-bottom: 1px;
    }

    #VisMer {
      height: 40px;
      width: 260px;
      margin: 0px;
      padding: 0px;
    }
  </style>

</head>

<body>
<div id="Container">
  <div id="ContentContainer">
    <div id="Header" style="cursor: pointer;" onclick="location.href='index.html'"></div>
    <div id="NavBar">
      <nav id="rolling-nav">
        <ul>
          <li><a href="" data-clone="Hjem">Hjem</a></li>
          <li><a href="regler" data-clone="Regler">Regler</a></li>
          <li><a href="info" data-clone="Info">Info</a></li>
          <li><a href="mm" data-clone="Middleman">Middleman</a></li>
          <li><a href="kontakt" data-clone="Kontakt oss">Kontakt oss</a></li>
        </ul>
      </nav>
    </div>
    <div id="Photo">
      <div id="Bilde1" style="cursor: pointer;" onclick="location.href='LINK'"></div>
      <div id="Bilde2" style="cursor: pointer;" onclick="location.href='LINK'"></div>
      <div id="Bilde3" style="cursor: pointer;" onclick="location.href='LINK'"></div>
    </div>
    <div id="MainContent">
      <div style="border: 0px solid #000; overflow: hidden; margin: 15px auto; max-width: 650px; opacity:1">
        <iframe scrolling="yes" src="IFRAME LINK"
                style="border: 0px none; margin-left: 0px; height: 2575px; margin-top: -1380px; margin-bottom: -222px; width: 650px;">
        </iframe>
      </div>
      <div id="VisMer" style="cursor: pointer;" onclick="location.href='LINK'"></div>
    </div>
    <div id="Search">
      <form id="search2" action="SITE LINK SEARCH?" method="get">
        <div id="SearchTab">
          <input name="query" type="text" id="sf" style="color: white"
                 onfocus="if (this.value == 'Søk') {this.style.color='#FF6B35   '; this.value=''}"
                 onblur="if(this.value == '') { this.style.color='white'; this.value='Søk'}" value="Søk"/>


          <div id="SearchButton">
            <input type="image" src="bilder/blank.png" id="sb" alt="Btn">
          </div>
        </div>
      </form>
      <div id="SideBar"><span style="font-size: 30px; color: #ff6b35;">FILTRER</span>
        <div id="Trades" style="cursor: pointer;" onclick="location.href='SITE LINK SEARCH?query=[Trade]'"><p
            style="color: #ff6b35">Trades</p></div>
        <div id="Salg" style="cursor: pointer;" onclick="location.href='SITE LINK SEARCH?query=[Salg]'"><p
            style="color: #ff6b35">Salg</p></div>
        <div id="Keys" style="cursor: pointer;" onclick="location.href='SITE LINK SEARCH?query=[Keys]'"><p
            style="color: #ff6b35">Keys</p></div>
        <div id="CSGODouble" style="cursor: pointer;" onclick="location.href='SITE LINK SEARCH?query=[CSGODouble]'"><p
            style="color: #ff6b35">CSGODouble</p></div>
        <div id="Paypal" style="cursor: pointer;" onclick="location.href='SITE LINK SEARCH?query=[PayPal]'"><p
            style="color: #ff6b35">PayPal</p></div>
        <div id="Quicksell" style="cursor: pointer;" onclick="location.href='SITE LINK SEARCH?query=[Quicksell]'"><p
            style="color: #ff6b35">Quicksell</p></div>
        <div id="Gratis" style="cursor: pointer;" onclick="location.href='SITE LINK SEARCH?query=[Gratis]'"><p
            style="color: #ff6b35">Gratis</p></div>
        <div id="PC" style="cursor: pointer;" onclick="location.href='SITE LINK SEARCH?query=[PC]'"><p
            style="color: #ff6b35">Price Check</p></div>
        <div id="Diskusjon" style="cursor: pointer;" onclick="location.href='SITE'"><p style="color: #ff6b35">
          Diskusjon</p></div>
        <div id="Diverse" style="cursor: pointer;" onclick="location.href='SITE'"><p style="color: #ff6b35">Diverse</p>
        </div>

      </div>
      <div id="SideChat">
        <script type="text/javascript" src="LINK WITH CHAT BOX SCRIPT"></script>
      </div>
    </div>
    <p>&nbsp; </p>
  </div>
</div>
</body>
</html>