Ergebnis 1 bis 7 von 7

Thema: IE Formatierungs Problem

  1. #1
    Leonidus
    Gast

    Standard IE Formatierungs Problem

    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:



    Der HTML Code:
    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http&#58;//www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http&#58;//www.w3.org/1999/xhtml" xml&#58;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"> 
        <span style="color&#58;blue;">test</span><span style="color&#58; #CC0000;">.de</span> >> Deine test Resource •  • Tägliche Updates für euch << <span style="color&#58;blue;">test</span><span style="color&#58; #CC0000;">.de</span>
        </div>
    	<div id="leftbar">
    
    <h2></h2>
    
    <ul class="root_categories">
    
    
    [*]
    
    
    
    Test
    
    -
    </p>
    
    <ul class="children" id="children1">
    [*]Test1[*]Test2[*]Test3[*]Test4[*]Test5[*]Test6
    [/list]
    
    
    
    [*]
    
    
    
    Picz / Clipz
    
    -
    </p>
    
    <ul class="children" id="children9">
    [*]Picz Pakete[*]Clips
    [/list]
    
    
    
    [/list]
    
    
    </div>
    	
    <div id="contentarea">
    	<ul id="menu">
    		[*]Neue Tests
    				[*]Top 10 Tests
    								[*]Suche
    		[*]FAQ[*]Vote
    				[*]Tests hochladen
    			[/list]
    
    <div class="box">
    <h2 align="center" class="filebox_breadcrumb">Test File 1</h2>
    <table width="100%" border="0">
      <tr>
        <td width="33%"><div class="wysiwyg">
          <div align="center">[img]http&#58;//www.gilneas.de/downloads/eps.gif[/img]</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&#58; 
    
    Downloads&#58; 
    
    Datum&#58;
    
    Passwort&#58;
    
    
    </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">Download</div></td>
            <td></td>
          </tr>
        </table></td>
      </tr>
    </table>
    </div>
    
    
    </div>
    </div>
    
    <div id="footer">
    		Copyright © 2007
    		
    
    
    			RSS
     
    		</p>
    	</div>
    
    
    </div>
    
    
    </body>
    </html>

    Der CSS Code:
    Code:
    /* Global */
    html, body &#123;
    	font &#58; 10pt verdana, tahoma, sans-serif;
    	margin &#58; 0; padding &#58; 0;
    &#125;
    
    a&#123;
    	color&#58; #002b55;
    	text-decoration&#58; none;
    	font-weight&#58; bold;
    	background-color&#58; transparent;
    &#125;
    
    /* container */
    #container &#123;
    	width&#58; 800px;
    	margin&#58; auto;
    &#125;
    
    /* Layout - Wrapper */
    #wrapper &#123;
    	background &#58; url&#40;../images/bg.gif&#41; repeat-y;
    	line-height &#58; 1.2;
    &#125;
    
    /* Layout - Logo */
    #logo &#123;
    	/*padding &#58; 0;*/
    	height&#58; 150px;
    	background &#58; #FFF;
    &#125;
    
    /* Layout - Logo-Line */
    #logo-line &#123;
    	background &#58; #939393 ;
    	font-family&#58; Verdana,Tahoma,Arial;
    	font-size&#58; 11px;
    	font-weight&#58; bold;
    	text-align&#58; center;
    	border-top&#58; 1px solid #999999; 
    &#125;
    
    /* Layout - Left Bar */
    #leftbar &#123;
    	width &#58; 200px;
    	float &#58; left;
    	border-top &#58; 1px solid #484848;
    	/*background&#58; url&#40;../images/menu-children.gif&#41; repeat-y right;*/
    &#125;
    
    #left-ad&#123;
    	background&#58; url&#40;../images/menu-children.gif&#41; repeat-y right;
    &#125;
    /* Layout - Content Area */
    #contentarea &#123; 
    	margin-left &#58; 200px; 
    	border-top &#58; 1px solid #484848;
    	/*padding-left &#58; 2px;
    	border-left&#58; 2px solid #000000;
    	background&#58; White;*/
    	min-height&#58; 800px;
    &#125;
    
    /* Left Bar - Categories */
    #leftbar h2 &#123; 
    	margin &#58; 0; padding &#58; 0;
    	padding &#58; 3px;
    	color &#58; white;
    	font &#58; 10pt tahoma, arial, sans-serif;
    	text-align &#58; center;
    	/*background &#58; #8CAEDC;*/
    	background&#58; #6a92c9;
    &#125;
    
    #leftbar .root_categories &#123;
    	margin &#58; 0;
    	padding &#58; 0;
    	list-style &#58; none; 
    	color&#58; White;
    &#125;
    
    #leftbar .root_categories li p &#123; 
    	position &#58; relative; 
    	margin &#58; 0; 
    	padding &#58; 5px; 
    	border-bottom &#58; 1px solid #899EC8; 
    	/*background &#58; #E4EBF6;*/
    	background&#58; #6a92c9;
    	color&#58; White;
    	font-weight&#58; bold;
    &#125;
    #leftbar .root_categories li p a&#58;link, #leftbar .root_categories li p a&#58;visited, #leftbar .root_categories li p a&#58;active &#123;
    	/*color &#58; #2B4B8B;*/
    	color&#58; White;
    	font-weight &#58; bold;
    	font &#58; 10pt tahoma, arial, sans-serif;
    	text-decoration &#58; none;
    	text-align &#58; center;
    	padding &#58; 4px;
    &#125;
    #leftbar .root_categories li p a&#58;hover &#123; color &#58; #5B78B3; &#125;
    #leftbar .root_categories li p a.collapse &#123; position &#58; absolute; right &#58; 0; padding &#58; 5px; &#125;
    #leftbar .root_categories li p a.collapse&#58;hover &#123; color &#58; white; &#125;
    #leftbar .root_categories li p>a.collapse &#123; margin-top &#58; -4px; &#125;
    a.collapse&#58;hover &#123; background &#58; #8CAEDC; color &#58; #CFDAE9; &#125;
    .box h2 .collapse &#123; padding &#58; 4px; &#125;
    
    
    /* Left Bar - Categories - Children */
    .children &#123; display&#58;block; /*background&#58; url&#40;../images/menu-children.gif&#41; repeat-y right; */&#125;
    .children, .children li &#123; margin &#58; 0; padding &#58; 0; list-style &#58; none; &#125;
    .children li &#123; display&#58; block; border-bottom&#58; 1px dotted #c8d7dc;&#125;
    .children a&#58;link, .children a&#58;visited &#123;
    	font &#58; 9pt verdana, arial, sans-serif;
    	color &#58; #556584;
    	text-decoration &#58; none;
    	display &#58; block;
    	height &#58; 20px;
    	padding &#58; 4px 4px 4px 25px;
    	background-color&#58; transparent;
    	font-weight&#58; bold;
    &#125;
    .children .nolink &#123;
    	color &#58; #556584;
    	text-decoration &#58; none;
    	display &#58; block;
    	height &#58; 20px;
    	padding &#58; 4px 4px 4px 20px;
    	border-bottom &#58; 1px dotted #B0BFDE;
    	/*background &#58; url&#40;../images/bullet.gif&#41; no-repeat 12px;*/
    &#125;
    .children .nolink a&#58;link, .children .nolink a&#58;visited &#123;
    	color &#58; #2B4B8B;
    	font-weight &#58; normal;
    	font &#58; 10pt tahoma, arial, sans-serif;
    	text-decoration &#58; none;
    	padding &#58; 4px;
    	display &#58; inline;
    	border &#58; 0;
    	background &#58; white;
    &#125;
    .children .nolink a&#58;hover &#123; color &#58; #5B78B3; &#125;
    .children>li>a&#58;link, .children>li>a&#58;visited, .children>.nolink &#123; height &#58; auto &#125;
    .children a&#58;hover &#123; background &#58; #C7DAF4 /*url&#40;../images/wbullet.gif&#41; no-repeat 12px*/; &#125;
    
    /* Content Area - Menu */
    #menu &#123; 
    	margin &#58; 0; padding &#58; 3px 0;
    	background &#58; #6A92C9 right no-repeat; 
    &#125;
    #menu li &#123;
    	margin &#58; 0;	padding &#58; 0;
    	display &#58; inline;
    	color &#58; white;
    	font &#58; 10pt tahoma, arial, sans-serif;
    	text-align &#58; center;
    	list-style &#58; none;
    &#125;
    #menu a&#58;link, #menu a&#58;visited &#123;
    	padding &#58; 3px 17px; 
    	color &#58; white; 
    	text-decoration &#58; none;
    	border-right &#58; 1px solid #5781BA;
    &#125;
    #menu a&#58;hover &#123; color &#58; #DDD; background &#58; #8CAEDC; &#125;
    
    /* Content Area */
    div.box &#123;
    	margin &#58; 8px;
    	border &#58; 1px solid #899EC8; 
    	background&#58; White;
    &#125;
    #contentarea h1 &#123;
    	margin &#58; 0;
    	font &#58; 11pt tahoma, arial, verdana, sans-serif;
    	color &#58; #0A2C70;
    	border-bottom &#58; 1px solid #6A92C9;
    	padding &#58; 3px 4px;
    	background &#58; #C8D9F3;
    	text-align&#58; center;
    	font-weight&#58; bold;
    &#125;
    #contentarea>h1 &#123; padding &#58; 4px; &#125;
    #contentarea h1 a&#58;link, #contentarea h1 a&#58;visited &#123;
    	color &#58; #0A2C70;
    	text-decoration &#58; none;
    &#125;
    #contentarea h1 a&#58;hover &#123; text-decoration &#58; underline; &#125;
    #contentarea h2 &#123;
    	color &#58; #2B4B8B;
    	font-weight &#58; bold;
    	font-size &#58; 10pt;
    	margin &#58; 0;
    	padding &#58; 3px;
    	/*background &#58; #E4EBF6;*/
    	background&#58; #6a92c9;
    &#125;
    #contentarea h2 a&#58;link, #contentarea h2 a&#58;visited &#123;
    	/*color &#58; #2B4B8B;*/
    	color&#58; White;
    	font-weight &#58; bold;
    	font-size &#58; 10pt;
    	text-decoration &#58; none;
    &#125;
    #contentarea h2 a&#58;hover &#123; color &#58; #5B7BBC; &#125;
    #contentarea h3 &#123;
    	color &#58; #444;
    	font-weight &#58; normal;
    	font-size &#58; 10pt;
    	margin &#58; 0;
    	padding &#58; 2px;
    	background &#58; #FFF;
    &#125;
    p &#123;
    	padding &#58; 4px;
    	font-size &#58; 9pt;
    	color &#58; #222;
    	/*border-bottom &#58; 1px dotted #899EC8; */
    	margin &#58; 0;
    &#125;
    .box p &#123;
    	/*border-top &#58; 1px dotted #899EC8; */
    &#125;
    #contentarea h3 a&#58;link, #contentarea h3 a&#58;visited &#123;
    	color &#58; #222;
    	font-weight &#58; normal;
    	font-size &#58; 10pt;
    	text-decoration &#58; none;
    &#125;
    #contentarea h3 a&#58;hover &#123; color &#58; #666; &#125;
    a.downloads &#123; margin-top &#58; -2px; &#125;
    a.more&#58;link, a.more&#58;visited, a.downloads&#58;link, a.downloads&#58;visited &#123;
    	position &#58; absolute;
    	right &#58; 14px;
    &#125;
    a.downloads&#58;hover &#123; color &#58; black; &#125;
    a.downloads &#123; padding-top &#58; 2px; &#125;
    .small &#123; font-size &#58; 8pt; &#125;
    
    /* Files - Toolbox */
    #toolbox h2 &#123; border-bottom &#58; 1px solid #899EC8; text-align &#58; center; &#125;
    #toolbox .comments &#123;/* margin &#58; 4px; border &#58; 1px solid #899EC8; */&#125;
    #toolbox .comments h3 &#123; /*background &#58; #E4EBF6; color &#58; #1C315C; */&#125;
    #toolbox_left &#123;
    	/*float &#58; left;
    	width &#58; 40%;*/
    &#125;
    #toolbox_left p &#123; word-wrap &#58; break-word; /* IE only fix &#58;&#40; */ &#125;
    #toolbox_right &#123;
    	/*margin-left &#58; 40%;*/
    &#125;
    #toolbox_left #pages &#123;
    	/*margin &#58; 4px;*/
    &#125;
    #toolbox_left #pages p &#123;
    	border &#58; 0;
    &#125;
    #toolbox_left #pages h2 &#123;
    	text-align &#58; left;
    &#125;
    
    /* Footer */
    #footer &#123;
    	position &#58; relative;
    	clear &#58; both;
    	border-top &#58; 1px solid #5781BA;
    	background &#58; #6A92C9;
    	color &#58; white;
    	font-size &#58; 10px;
    	padding &#58; 4px 5px 5px 5px;
    &#125;
    #footer p &#123;
    	position &#58; absolute;
    	right &#58; 5px;
    	top &#58; 4px;
    	margin &#58; 1px 0 0 0; 
    	padding &#58; 0;
    	color &#58; white;
    	font-size &#58; 10px;
    	border &#58; 0;
    &#125;
    #footer>p &#123; margin &#58; 0; &#125;
    
    /* Global Links */
    a&#58;link, a&#58;visited &#123; color &#58; #333; &#125;
    a&#58;hover &#123; text-decoration &#58; none; &#125;
    
    /* Miscellaneous Fixes */
    form &#123; margin &#58; 0; &#125;
    
    /* Admin CP - Forms */
    table.form &#123; font-size &#58; 8pt; &#125;
    .align_top &#123; vertical-align&#58; top; &#125;
    .formleft &#123; width &#58; 18%; &#125;
    .formleft_small &#123; width &#58; 10%; &#125;
    input, select, textarea, option &#123; font &#58; 10pt verdana, arial, sans-serif; border &#58; 1px solid #BBC9DD; background &#58; #fff; padding &#58; 1px; &#125;
    option &#123; border &#58; 0; &#125;
    #contentarea>#search_gap &#123; display &#58; none; &#125;
    #breaknote &#123; display &#58; none; &#125;
    #toolbox_right>#breaknote &#123; display &#58; block; &#125;
    
    /* Category/file listing styles */
    #contentarea .box h2 .cat_head_options &#123;
    	display&#58; inline;
    	font-size&#58; 8pt;
    &#125;
    
    #contentarea .box h2 .cat_head_options a &#123;
    	font-size&#58; 8pt;
    &#125;
    
    /* IP RESTRICTION CLASSES */
    
    .new_entry &#123;
    	text-align&#58; center;
    	padding&#58; 5px;
    &#125;
    
    .new_entry td &#123;
    	padding-left&#58; 20px;
    	padding-right&#58; 20px;
    &#125;
    
    .label &#123;
    	font-weight&#58; bold;
    &#125;
    
    .new_entry a &#123;
    	text-decoration&#58; none;
    &#125;
    
    .new_entry a img &#123;
    	border&#58; 0;
    	text-decoration&#58; none;
    &#125;
    
    .filter_mode label &#123;
    	cursor&#58; pointer;
    &#125;
    
    .ip_list &#123;
    	padding&#58; 5px;
    &#125;
    
    .ip_list td &#123;
    	padding&#58; 5px;
    &#125;
    
    .ip_list a img &#123;
    	border&#58; 0;
    &#125;
    
    .ip_restrict_row&#58;hover, .ip_restrict_row_hover&#123;
    	background-color&#58; #C7DAF4;
    &#125;
    
    
    /* File details box styles */
    
    .filebox_breadcrumb &#123;
    	/*color &#58; #2B4B8B;*/
    	color&#58; White;
    	font-weight &#58; normal;
    	font-size &#58; 10pt;
    	margin &#58; 0;
    	padding &#58; 3px;
    	background &#58; #7C7C7C;
    &#125;
    .filebox_breadcrumb a&#58;link, .filebox_breadcrumb a&#58;visited &#123;
    	/*color &#58; #2B4B8B;*/
    	color&#58; White;
    	font-weight &#58; normal;
    	font-size &#58; 10pt;
    	text-decoration &#58; none;
    &#125;
    .filebox_breadcrumb a&#58;hover &#123; color &#58; #5B7BBC; &#125;
    
    .filebox_links &#123;
    	color &#58; #444;
    	font-weight &#58; normal;
    	font-size &#58; 8pt;
    	padding &#58; 2px;
    	margin&#58; 0;
    	line-height&#58; 1.5;
    &#125;
    
    .more_link a&#58;link, .more_link a&#58;visited &#123;
    	color &#58; #222;
    	font-weight &#58; normal;
    	font-size &#58; 10pt;
    	text-decoration &#58; none;
    	margin&#58; 2px;
    &#125;
    
    .download_link, .more_link &#123;
    	margin&#58; 2px 4px 2px 2px;
    	float&#58; right;
    &#125;
    
    .downloads a&#58;hover &#123; color &#58; black; &#125;
    .downloads a &#123; padding-top &#58; 2px; &#125;
    
    ul.confirm_item_list &#123;	
    	padding-left&#58; 20px;
    &#125;
    
    /* WYSIWYG editor styles */
    #contentarea .wysiwyg
    &#123;
    	/*border-bottom &#58; 1px dotted #899EC8; */
    	padding&#58; 3px; 
    &#125;
    
    #contentarea .wysiwyg h1, #contentarea .wysiwyg h2, #contentarea .wysiwyg h3
    &#123;
    	background &#58; white;
    	color &#58; black;
    	border &#58; 0;
    	font-weight &#58; bold;
    &#125;
    
    #contentarea .wysiwyg h1 &#123;
      font-size&#58; 2em;
      margin&#58; .67em 0;
    &#125;
    
    #contentarea .wysiwyg h2 &#123;
      font-size&#58; 1.5em;
      margin&#58; .83em 0;
    &#125;
    
    #contentarea .wysiwyg h3 &#123;
      font-size&#58; 1.17em;
      margin&#58; 1em 0;
    &#125;
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Teeny
    Registriert seit
    11.05.2006
    Beiträge
    23
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    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

  3. #3
    der/die Göttliche Avatar von jojo87
    Registriert seit
    23.03.2007
    Ort
    Leipzig
    Alter
    30
    Beiträge
    3.131
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    ä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

  4. #4
    Teeny
    Registriert seit
    11.05.2006
    Beiträge
    23
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    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

  5. #5
    der/die Göttliche Avatar von jojo87
    Registriert seit
    23.03.2007
    Ort
    Leipzig
    Alter
    30
    Beiträge
    3.131
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    @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

  6. #6
    Teeny
    Registriert seit
    11.05.2006
    Beiträge
    23
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    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:

    http://www.forum-hilfe.de/viewtopic....613&highlight=


    lg
    Petra

  7. #7
    Großmeister(in)
    Registriert seit
    18.01.2007
    Ort
    Hamburg
    Alter
    26
    Beiträge
    710
    Danke
    2
    Bekam 2 mal "Danke" in 2 Postings

    Standard

    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.

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •