TubeTom: <div> wird nicht immer gleich dargestellt

Beitrag lesen

hmm... dann hier mal der Quelltext:

<body>

<!-- Main Container -->
<div title="main_window" id="main_window" class="main_window">
<!-- Main Content -->
<div title="main_content" id="main_content" class="main_content">

<!-- Logo -->
<div title="logo" id="logo" class="logo">
 <img src="../images/mhp.jpg" />
</div>
<!-- Logo End -->

<!-- Horizontale Hauptlinie -->
<div title="h_line" id="h_line" class="h_line">
 <img src="../images/strich1.gif" />

</div>
<!-- Horizontale Hauptlinie End -->

<!-- Vertikale Hauptlinie -->
<div title="v_line" id="v_line" class="v_line">
 <img src="../images/strich2.gif" />
</div>
<!-- Vertikale Hauptlinie End -->

<!-- Horizontale Menülinie -->
<div title="menu_line" id="menu_line" class="menu_line">
 <img src="../images/strich3.gif" />
</div>
<!-- Horizontale Menülinie End -->

<!-- Menu -->
<div title="menu" id="menu" class="menu">
 <a href="portfolio.htm" target="content" onclick="MM_nbGroup('down','group1','portfolio','../images/menu/portfolio_fett.jpg',1)" onmouseover="MM_nbGroup('over','portfolio','../images/menu/portfolio_fett.jpg','',1)" onmouseout="MM_nbGroup('out')">
  <img src="../images/menu/portfolio.jpg" alt="portfolio" name="portfolio" border="0" id="portfolio" onload="" />
 </a>
 <a href="vita.htm" target="content" onclick="MM_nbGroup('down','group1','vita','../images/menu/vita_fett.jpg',1)" onmouseover="MM_nbGroup('over','vita','../images/menu/vita_fett.jpg','',1)" onmouseout="MM_nbGroup('out')">
  <img src="../images/menu/vita.jpg" alt="vita" name="vita" border="0" id="vita" onload="" />
 </a>
 <a href="form/check.php" target="content" onclick="MM_nbGroup('down','group1','contact','../images/menu/contact_fett.jpg',1)" onmouseover="MM_nbGroup('over','contact','../images/menu/contact_fett.jpg','',1)" onmouseout="MM_nbGroup('out')">
  <img src="../images/menu/contact.jpg" alt="contact" name="contact" border="0" id="contact" onload="" />

</a>
</div>
<!-- Menu End -->

<!-- Content -->
<iframe class="iframe" name="content" frameborder="0" src="portfolio.htm" scrolling="no">
 Ihr Browser unterstützt Inlineframes nicht oder zeigt sie in der derzeitigen Konfiguration nicht an.
</iframe>
<!-- Content End -->

</div>
<!-- Main Content End -->
</div>
<!-- Main Container End-->

</body>

und hier das CSS dazu:

.body {
 overflow:hidden;
 margin: 0px;
 padding: 0px;
 margin-top:50px;
 margin-bottom:0px;
 margin-left:0px;
 margin-right:0px;
 background-color:#ffffff;
}

.main_window {
 position:relative;
 width:100%;
 height:100%;
 text-align:center;
}

.main_content {
 position:relative;
 width:1024px;
 height:768px;
 margin:auto;
 text-align:left;
}

.logo {
 position:relative;
 width: 448px;
 height: 29px;
}

.h_line {
 position:relative;
 width: 900px;
 height: 5px;
}

.v_line  {
 position:relative;
 width: 6px;
 height: 667px;
}

.menu_line  {
 position:relative;
 width: 828px;
 height: 7px;
}

.menu {
 position:relative;
 width: 828px;
 height: 7px;
}

.iframe {
 position:relative;
 height:575px;
 width:820px;
 left:133px;
 top:-622px;
 border:0px;
}