IE Formatierungs Problem

Leonidus

Hallo,

ich bin gerade am modifizieren des olate download scripts, soweit so gut, jetzt gibt es im Internet Explorer und wirklich nur im Internet explorer ein Formatierungs Problem und zwar richtet sich der inhalt der Box irgendwie am linken Menü aus, beginnt also erst wenn das Linke Menü endet O_o. Hab schon alles mögliche probiert, aber finde die Ursache einfach nicht, jetzt seid ihr meine letzte Hoffnung.
Schonmal vielen DAnk im vorraus.

Das Problem:
[Blockierte Grafik: http://www.gilneas.de/downloads/ieprob.JPG]

Der HTML Code:

HTML

<!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" xml:lang="en" lang="en">
<head>
<title>Test-Seite</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>






<link rel="alternate" type="application/rdf+xml" title="Latest Downloads" href="rss.php" />
<link href="templates/pornz/global/core.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="templates/pornz/global/core.js"></script>
</head>


<body>
<div id="container">


<div id="wrapper">


	<div id="logo">[img]templates/test/images/Banner.jpg[/img]</div>
    <div id="logo-line"> 
    [url='http://www.test.de']<span style="color:blue;">test</span><span style="color: #CC0000;">.de</span>[/url] >> Deine test Resource •  • Tägliche Updates für euch << [url='http://www.test.de']<span style="color:blue;">test</span><span style="color: #CC0000;">.de</span>[/url]
    </div>
	<div id="leftbar">


<h2></h2>


<ul class="root_categories">






[*]






Test


[url='']-[/url]
</p>


<ul class="children" id="children1">


[*][url='files.php?cat=2']Test1[/url]
[*][url='files.php?cat=3']Test2[/url]
[*][url='files.php?cat=4']Test3[/url]
[*][url='files.php?cat=5']Test4[/url]
[*][url='files.php?cat=6']Test5[/url]
[*][url='files.php?cat=7']Test6[/url]


[/list]








[*]






Picz / Clipz


[url='']-[/url]
</p>


<ul class="children" id="children9">


[*][url='files.php?cat=10']Picz Pakete[/url]
[*][url='files.php?cat=12']Clips[/url]


[/list]








[/list]




</div>

<div id="contentarea">
	<ul id="menu">
		[*][url='index.php']Neue Tests[/url]
				[*][url='index.php?cmd=top']Top 10 Tests[/url]
								[*][url='search.php']Suche[/url]
		        [*][url='faq.php']FAQ[/url]
        [*][url='vote.php']Vote[/url]
				[*][url='userupload.php']Tests hochladen[/url]
			[/list]


<div class="box">
<h2 align="center" class="filebox_breadcrumb">[url='details.php?file=1']Test File 1[/url]</h2>
<table width="100%" border="0">
  <tr>
    <td width="33%"><div class="wysiwyg">
      <div align="center">[url='details.php?file=1'][img]http://www.gilneas.de/downloads/eps.gif[/img][/url]</div>
    </div></td>
    <td width="67%"><table width="92%" border="0" align="right">
      <tr>
        <td width="52%"></td>
        <td width="48%"></td>
      </tr>
      <tr>
        <td><div class="filebox_links"> Gr&ouml;sse: 


Downloads: 


Datum:


Passwort:


[url='download.php?file=1'][/url]
</div></td>
        <td><span class="filebox_links">150B</span>


          <span class="filebox_links">5</span>


          <span class="filebox_links">23/08/2004</span>


          <span class="filebox_links">Test.de</span></td>
      </tr>
      <tr>
        <td></td>
        <td></td>
      </tr>
      <tr>
        <td><div align="right">[url='download.php?file=1']Download[/url]</div></td>
        <td></td>
      </tr>
    </table></td>
  </tr>
</table>
</div>




</div>
</div>


<div id="footer">
		Copyright © 2007





			[url='Test.de/rss']RSS[/url]
 
		</p>
	</div>




</div>




</body>
</html>

Alles anzeigen

Der CSS Code:

Code

/* Global */
html, body {
	font : 10pt verdana, tahoma, sans-serif;
	margin : 0; padding : 0;
}


a{
	color: #002b55;
	text-decoration: none;
	font-weight: bold;
	background-color: transparent;
}


/* container */
#container {
	width: 800px;
	margin: auto;
}


/* Layout - Wrapper */
#wrapper {
	background : url(../images/bg.gif) repeat-y;
	line-height : 1.2;
}


/* Layout - Logo */
#logo {
	/*padding : 0;*/
	height: 150px;
	background : #FFF;
}


/* Layout - Logo-Line */
#logo-line {
	background : #939393 ;
	font-family: Verdana,Tahoma,Arial;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	border-top: 1px solid #999999; 
}


/* Layout - Left Bar */
#leftbar {
	width : 200px;
	float : left;
	border-top : 1px solid #484848;
	/*background: url(../images/menu-children.gif) repeat-y right;*/
}


#left-ad{
	background: url(../images/menu-children.gif) repeat-y right;
}
/* Layout - Content Area */
#contentarea { 
	margin-left : 200px; 
	border-top : 1px solid #484848;
	/*padding-left : 2px;
	border-left: 2px solid #000000;
	background: White;*/
	min-height: 800px;
}


/* Left Bar - Categories */
#leftbar h2 { 
	margin : 0; padding : 0;
	padding : 3px;
	color : white;
	font : 10pt tahoma, arial, sans-serif;
	text-align : center;
	/*background : #8CAEDC;*/
	background: #6a92c9;
}


#leftbar .root_categories {
	margin : 0;
	padding : 0;
	list-style : none; 
	color: White;
}


#leftbar .root_categories li p { 
	position : relative; 
	margin : 0; 
	padding : 5px; 
	border-bottom : 1px solid #899EC8; 
	/*background : #E4EBF6;*/
	background: #6a92c9;
	color: White;
	font-weight: bold;
}
#leftbar .root_categories li p a:link, #leftbar .root_categories li p a:visited, #leftbar .root_categories li p a:active {
	/*color : #2B4B8B;*/
	color: White;
	font-weight : bold;
	font : 10pt tahoma, arial, sans-serif;
	text-decoration : none;
	text-align : center;
	padding : 4px;
}
#leftbar .root_categories li p a:hover { color : #5B78B3; }
#leftbar .root_categories li p a.collapse { position : absolute; right : 0; padding : 5px; }
#leftbar .root_categories li p a.collapse:hover { color : white; }
#leftbar .root_categories li p>a.collapse { margin-top : -4px; }
a.collapse:hover { background : #8CAEDC; color : #CFDAE9; }
.box h2 .collapse { padding : 4px; }




/* Left Bar - Categories - Children */
.children { display:block; /*background: url(../images/menu-children.gif) repeat-y right; */}
.children, .children li { margin : 0; padding : 0; list-style : none; }
.children li { display: block; border-bottom: 1px dotted #c8d7dc;}
.children a:link, .children a:visited {
	font : 9pt verdana, arial, sans-serif;
	color : #556584;
	text-decoration : none;
	display : block;
	height : 20px;
	padding : 4px 4px 4px 25px;
	background-color: transparent;
	font-weight: bold;
}
.children .nolink {
	color : #556584;
	text-decoration : none;
	display : block;
	height : 20px;
	padding : 4px 4px 4px 20px;
	border-bottom : 1px dotted #B0BFDE;
	/*background : url(../images/bullet.gif) no-repeat 12px;*/
}
.children .nolink a:link, .children .nolink a:visited {
	color : #2B4B8B;
	font-weight : normal;
	font : 10pt tahoma, arial, sans-serif;
	text-decoration : none;
	padding : 4px;
	display : inline;
	border : 0;
	background : white;
}
.children .nolink a:hover { color : #5B78B3; }
.children>li>a:link, .children>li>a:visited, .children>.nolink { height : auto }
.children a:hover { background : #C7DAF4 /*url(../images/wbullet.gif) no-repeat 12px*/; }


/* Content Area - Menu */
#menu { 
	margin : 0; padding : 3px 0;
	background : #6A92C9 right no-repeat; 
}
#menu li {
	margin : 0;	padding : 0;
	display : inline;
	color : white;
	font : 10pt tahoma, arial, sans-serif;
	text-align : center;
	list-style : none;
}
#menu a:link, #menu a:visited {
	padding : 3px 17px; 
	color : white; 
	text-decoration : none;
	border-right : 1px solid #5781BA;
}
#menu a:hover { color : #DDD; background : #8CAEDC; }


/* Content Area */
div.box {
	margin : 8px;
	border : 1px solid #899EC8; 
	background: White;
}
#contentarea h1 {
	margin : 0;
	font : 11pt tahoma, arial, verdana, sans-serif;
	color : #0A2C70;
	border-bottom : 1px solid #6A92C9;
	padding : 3px 4px;
	background : #C8D9F3;
	text-align: center;
	font-weight: bold;
}
#contentarea>h1 { padding : 4px; }
#contentarea h1 a:link, #contentarea h1 a:visited {
	color : #0A2C70;
	text-decoration : none;
}
#contentarea h1 a:hover { text-decoration : underline; }
#contentarea h2 {
	color : #2B4B8B;
	font-weight : bold;
	font-size : 10pt;
	margin : 0;
	padding : 3px;
	/*background : #E4EBF6;*/
	background: #6a92c9;
}
#contentarea h2 a:link, #contentarea h2 a:visited {
	/*color : #2B4B8B;*/
	color: White;
	font-weight : bold;
	font-size : 10pt;
	text-decoration : none;
}
#contentarea h2 a:hover { color : #5B7BBC; }
#contentarea h3 {
	color : #444;
	font-weight : normal;
	font-size : 10pt;
	margin : 0;
	padding : 2px;
	background : #FFF;
}
p {
	padding : 4px;
	font-size : 9pt;
	color : #222;
	/*border-bottom : 1px dotted #899EC8; */
	margin : 0;
}
.box p {
	/*border-top : 1px dotted #899EC8; */
}
#contentarea h3 a:link, #contentarea h3 a:visited {
	color : #222;
	font-weight : normal;
	font-size : 10pt;
	text-decoration : none;
}
#contentarea h3 a:hover { color : #666; }
a.downloads { margin-top : -2px; }
a.more:link, a.more:visited, a.downloads:link, a.downloads:visited {
	position : absolute;
	right : 14px;
}
a.downloads:hover { color : black; }
a.downloads { padding-top : 2px; }
.small { font-size : 8pt; }


/* Files - Toolbox */
#toolbox h2 { border-bottom : 1px solid #899EC8; text-align : center; }
#toolbox .comments {/* margin : 4px; border : 1px solid #899EC8; */}
#toolbox .comments h3 { /*background : #E4EBF6; color : #1C315C; */}
#toolbox_left {
	/*float : left;
	width : 40%;*/
}
#toolbox_left p { word-wrap : break-word; /* IE only fix :( */ }
#toolbox_right {
	/*margin-left : 40%;*/
}
#toolbox_left #pages {
	/*margin : 4px;*/
}
#toolbox_left #pages p {
	border : 0;
}
#toolbox_left #pages h2 {
	text-align : left;
}


/* Footer */
#footer {
	position : relative;
	clear : both;
	border-top : 1px solid #5781BA;
	background : #6A92C9;
	color : white;
	font-size : 10px;
	padding : 4px 5px 5px 5px;
}
#footer p {
	position : absolute;
	right : 5px;
	top : 4px;
	margin : 1px 0 0 0; 
	padding : 0;
	color : white;
	font-size : 10px;
	border : 0;
}
#footer>p { margin : 0; }


/* Global Links */
a:link, a:visited { color : #333; }
a:hover { text-decoration : none; }


/* Miscellaneous Fixes */
form { margin : 0; }


/* Admin CP - Forms */
table.form { font-size : 8pt; }
.align_top { vertical-align: top; }
.formleft { width : 18%; }
.formleft_small { width : 10%; }
input, select, textarea, option { font : 10pt verdana, arial, sans-serif; border : 1px solid #BBC9DD; background : #fff; padding : 1px; }
option { border : 0; }
#contentarea>#search_gap { display : none; }
#breaknote { display : none; }
#toolbox_right>#breaknote { display : block; }


/* Category/file listing styles */
#contentarea .box h2 .cat_head_options {
	display: inline;
	font-size: 8pt;
}


#contentarea .box h2 .cat_head_options a {
	font-size: 8pt;
}


/* IP RESTRICTION CLASSES */


.new_entry {
	text-align: center;
	padding: 5px;
}


.new_entry td {
	padding-left: 20px;
	padding-right: 20px;
}


.label {
	font-weight: bold;
}


.new_entry a {
	text-decoration: none;
}


.new_entry a img {
	border: 0;
	text-decoration: none;
}


.filter_mode label {
	cursor: pointer;
}


.ip_list {
	padding: 5px;
}


.ip_list td {
	padding: 5px;
}


.ip_list a img {
	border: 0;
}


.ip_restrict_row:hover, .ip_restrict_row_hover{
	background-color: #C7DAF4;
}




/* File details box styles */


.filebox_breadcrumb {
	/*color : #2B4B8B;*/
	color: White;
	font-weight : normal;
	font-size : 10pt;
	margin : 0;
	padding : 3px;
	background : #7C7C7C;
}
.filebox_breadcrumb a:link, .filebox_breadcrumb a:visited {
	/*color : #2B4B8B;*/
	color: White;
	font-weight : normal;
	font-size : 10pt;
	text-decoration : none;
}
.filebox_breadcrumb a:hover { color : #5B7BBC; }


.filebox_links {
	color : #444;
	font-weight : normal;
	font-size : 8pt;
	padding : 2px;
	margin: 0;
	line-height: 1.5;
}


.more_link a:link, .more_link a:visited {
	color : #222;
	font-weight : normal;
	font-size : 10pt;
	text-decoration : none;
	margin: 2px;
}


.download_link, .more_link {
	margin: 2px 4px 2px 2px;
	float: right;
}


.downloads a:hover { color : black; }
.downloads a { padding-top : 2px; }


ul.confirm_item_list {	
	padding-left: 20px;
}


/* WYSIWYG editor styles */
#contentarea .wysiwyg
{
	/*border-bottom : 1px dotted #899EC8; */
	padding: 3px; 
}


#contentarea .wysiwyg h1, #contentarea .wysiwyg h2, #contentarea .wysiwyg h3
{
	background : white;
	color : black;
	border : 0;
	font-weight : bold;
}


#contentarea .wysiwyg h1 {
  font-size: 2em;
  margin: .67em 0;
}


#contentarea .wysiwyg h2 {
  font-size: 1.5em;
  margin: .83em 0;
}


#contentarea .wysiwyg h3 {
  font-size: 1.17em;
  margin: 1em 0;
}

Alles anzeigen

Angel2

Hallo,

ich habe mit meiner Page das selbe Problem....Leider hat mir bis jetzt noch keiner
nen Tipp gegeben, an was das liegt und was ich ändern muss, um diesen Macken
im Internet Explorer zu beheben.

Ich find den IE auch langsam echt Schrott, der FF macht alles so wie er soll.

Falls Du ne Lösung findest oder kriegst würd ich mich freuen, wenn Du sie mir
weitergeben würdest.

So, in der Hoffung, dass hier paar Cracks sind, die uns weiterhelfen können.

lg
Petra

jojo87

ähm, so richtig kann ich nicht erkennen (im code) , welcher container jetzt das Problem darstellt.
Allgemein würde ich sagen, position: absolute; und dann halt dahin platzieren, wo er hin soll.

weiß nich ob das jetzt hilft.

gruß,
jojo

Angel2

Also "positon: absolute" hatte bei mir im IE keinen Effekt. Der "IFRAME" der im "INHALT" angezeigt werden soll, wird trotzdem verschoben. Sieht bei mir genauso aus wie bei Leonidus.

Liegt es evtl. an der "NAV"? Beansprucht die durch die css-Formatierung vielleicht die gesamte Breite und dadurch verschiebt sich der "INHALT-Bereich" wenn ein Iframe aufgerufen wird?

Gruß
Petra

jojo87

Angel2

Wie das bei dir ist kann ich dir nicht sagen, weil ich deinen Code nicht sehe.
Mach doch für dein Problem nen neue Thread, da es sich um einen anderen Code als bei ihm hier handelt, auf, und poste deinen Quelltext, dann sehn ma weiter.

gruß, jojo

Angel2

Hey Jojo,

des habe ich doch, aber keiner hat mir geantwortet, besser gesagt wirklich weiter geholfen*g*.
Hab mich nur hier mitdran gehängt, da es bei ihm anscheinend grundsätzlich um das gleiche Prob geht.

Das hier is mein Thread:

https://www.forum-hilfe.de/viewtopic.php?t=28613&highlight=

lg
Petra

Dominikgt

was redest du denn jetzt von nem iframe? im code hab ich gar keinen gefunden. du musst position:absolute; in den div einsetzten, in dem dein inhalt eingesetzt wird. dann musst du den halt noch richtig ausrichten und fertig.

Tags