0
For some reason it pushes the content panel on the right over. I have gone over the code and redone it so many times and still the content is pushed down in IE. Very frustrating.
Anyhoo here is the css and xhtml.
CSS
/* CSS Document by kendancrimez */
*{
border:0px;
padding:0px;
margin:0px;
}
body{
font:12px Tahoma;
color:#204690;
}
#wrapper{
margin:0px auto;
width:766px;
}
#header{
background-image:url(../image/header.png);
background-repeat:no-repeat;
height:108px;
}
#nav{
background-image:url(../image/nav.png);
background-repeat:no-repeat;
height:62px;
}
#img_links{
padding:8px 0px 0px 460px;
}
#left_panel{
background-image:url(../image/panel.png);
background-repeat:no-repeat;
height:412px;
width:323px;
float:left;
padding-top:8px;
}
#left_panel a:link, #left_panel a:visited{
font:10px Tahoma;
font-weight:bold;
color:#204690;
text-decoration:none;
padding-left:110px;
}
#left_panel a:hover{
font:10px Tahoma;
font-weight:bold;
color:#dfb841;
text-decoration:none;
}
#left_panel h1{
font-size:10px;
color:#9d9999;
padding-left:110px;
}
.left_panel_line{
background-image:url(../image/menu_seperator.png);
background-repeat:no-repeat;
height:6px;
width:179px;
margin-left:100px;
}
#content{
width:440px;
margin-left:325px;
margin-top:5px;
}
#content P{
margin:10px 0px 5px 40px;
}
.content_bar{
background-image:url(../image/devider.png);
background-repeat:no-repeat;
height:21px;
width:398px;
margin-left:40px;
}
.title_header{
background-image:url(../image/title_pill.png);
background-repeat:no-repeat;
height:40px;
}
.title_header h1{
font:12px Tahoma;
font-weight:bold;
color:#fff;
padding: 9px 0px 0px 35px;
}
.clear{
clear:both;
}
#hold{
margin:auto;
padding-top:90px;
width:120px;
font-weight:bold;
}
XHTML
<!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=ISO-8859-1" />
<title>SK Communication and Investment</title>
<link href="css/ie.css" rel="stylesheet" type="text/css" />
<script type="text/JavaScript" src="css/script.js"></script>
</head>
<body>
<body>
<div id="wrapper">
<div id="header">
<div id="hold">
<div id="home" style="display:none">Home Page</div>
<div id="products" style="display:none">Products Page</div>
<div id="about" style="display:none">About Us Page</div>
<div id="project" style="display:none">Projects Page</div>
<div id="invest" style="display:none">Investments Page</div>
<div id="contact" style="display:none">Contact Page</div>
</div>
</div>
<div id="nav">
<div id="img_links">
<img src="image/link1_on.png" />
<a href="inc/products.php?cat=prod" onmouseout="swapImgRestore(),toggleDiv('products')" onmouseover="swapImage('link2','','image/link2_on.png',2),toggleDiv('products')" alt="Products Page"><img src="image/link2.png" name="link2" id="link2" /></a>
<a href="inc/about.php?cat=about" onmouseout="swapImgRestore(),toggleDiv('about')" onmouseover="swapImage('link3','','image/link3_on.png',3),toggleDiv('about')"><img src="image/link3.png" name="link3" id="link3" /></a>
<a href="inc/projects.php?cat=proj" onmouseout="swapImgRestore(),toggleDiv('project')" onmouseover="swapImage('link4','','image/link4_on.png',4),toggleDiv('project')"><img src="image/link4.png" name="link4" id="link4" /></a>
<a href="inc/investments.php?cat=invest" onmouseout="swapImgRestore(),toggleDiv('invest')" onmouseover="swapImage('link5','','image/link5_on.png',5),toggleDiv('invest')"><img src="image/link5.png" name="link5" id="link5" /></a>
<a href="inc/cont.php" onmouseout="swapImgRestore(),toggleDiv('contact')" onmouseover="swapImage('link6','','image/link6_on.png',6),toggleDiv('contact')"><img src="image/link6.png" name="link6" id="link6" /></a></div>
</div>
<div id="left_panel">
<a href="#">solSider.no</a><br /><h1>Webstore investment</h1>
<div class="left_panel_line"></div>
<a href="#">megaSun.no</a><br /><h1>Franchise investment of choice</h1>
<div class="left_panel_line"></div>
<a href="#">Powertan.no</a><br /><h1>Partner for tanning investment</h1>
<div class="left_panel_line"></div>
<a href="#">Link style</a><br /><h1>link information style</h1>
<div class="left_panel_line"></div>
<a href="#">Link style</a><br /><h1>link information style</h1>
<div class="left_panel_line"></div>
<a href="#">Link style</a><br /><h1>link information style</h1>
<div class="left_panel_line"></div>
<a href="#">Link style</a><br /><h1>link information style</h1>
<div class="left_panel_line"></div>
</div>
<div id="content">
<div class="title_header">
<h1>Welcome to SK Communication & Investments </h1></div>
<p>Solstudio MegaSun tilbyr kun det beste og ønsker bare det beste. Som en konsekvens vet vi at firmaet vårt ikke passer for alle og enhver. Vi håper at du søker de samme kvaliteter og forpliktelser som oss. Vi tilbyr deg muligheten til å være i business for deg selv, men ikke på egenhånd.</p>
<p>Ved å bli med oss kan du dele vår suksess i det dynamiske og suksessfulle forretningssystemet vi har utviklet.</p>
<div class="content_bar"></div>
<p>Få fart på fremtiden din.
Solstudio MegaSun tilbyr kvalifiserte kandidater en enestående forretningsmulighet. Det er en industri som effektivt svarer på kravene fra et hurtig voksende marked.</p>
<p>En business som inkluderer salg og serviceteknikker testet og forandret for både kundens og franchisetagerens tilfredsstillelse. Solstudio MegaSun er en business støttet av en dedikert franchise organisasjon som dramatisk forenkler oppstart og øker ditt vekstpotensiale inn i fremtiden.</p>
<div class="title_header"><h1>Investment on a new level</h1></div>
<p>Solstudio MegaSun tilbyr kun det beste og ønsker bare det beste. Som en konsekvens vet vi at firmaet vårt ikke passer for alle og enhver. Vi håper at du søker de samme kvaliteter og forpliktelser som oss. Vi tilbyr deg muligheten til å være i business for deg selv, men ikke på egenhånd.</p>
<div class="content_bar"></div>
<p>Ved å bli med oss kan du dele vår suksess i det dynamiske og suksessfulle forretningssystemet vi har utviklet.</p>
<div class="content_bar"></div>
<p>Få fart på fremtiden din.
Solstudio MegaSun tilbyr kvalifiserte kandidater en enestående forretningsmulighet. Det er en industri som effektivt svarer på kravene fra et hurtig voksende marked.</p>
<p>En business som inkluderer salg og serviceteknikker testet og forandret for både kundens og franchisetagerens tilfredsstillelse. Solstudio MegaSun er en business støttet av en dedikert franchise organisasjon som dramatisk forenkler oppstart og øker ditt vekstpotensiale inn i fremtiden.</p>
</div>
</div>
</body>
</html>
