Anzeige

Gelöst:[Lomion] Firmenpageproblem mit IE6 abwärts

Gelöst:[Lomion] Firmenpageproblem mit IE6 abwärts | PSD-Tutorials.de

Erstellt von lomion, 27.06.2006.

  1. lomion

    lomion Aktives Mitglied

    Dabei seit:
    25.07.2005
    Beiträge:
    1.043
    Geschlecht:
    männlich
    Gelöst:[Lomion] Firmenpageproblem mit IE6 abwärts
    Hi...heute ist endlich der tag an dem die neue firmenpage online soll..ABER...
    es gibt ein problem mit allen IE version ab 6 abwärts..
    wen man auf den beeich referenzen klickt wird der div-container unten rechts nicht aös höhergestellt angesehen..ähm ich meine er überlappt nicht den container obenrechts.. naja wenn ihr es euch anguckt wisst ihr was ich meine..
    meine idee wäre es das dieser div-container bei der seite(referenzen) mit visibility ausgeblendet wird.. aber wie mache ich das??

    danke schon mal für eure hilfe..wenn ihr noch bessere ideen habt immer her damit..im ff und IE7 passt ja alles..

    page:
    Code (Text):
    1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
    2. <html xmlns="http://www.w3.org/1999/xhtml">
    3. <head>
    4. <meta http-equiv="Content-Type" content="application/xhtml+xml; charset=iso-8859-1" />
    5. <title>Werbeagentur MISTRAL! marketing</title>
    6. <link href="styles/style.css" rel="stylesheet" type="text/css" />
    7. <!--[if gte IE 5]>
    8. <link href="styles/styleie.css" rel="stylesheet" type="text/css" />
    9. <![endif]-->
    10. </head>
    11.  
    12. <body>
    13. <div id="main">
    14.     <div id="header"></div>
    15.     <div id="content">
    16.         <div id="left">
    17.             <div id="leftoben"></div>
    18.             <div class="leftunten"></div>
    19.         </div>
    20.         <div id="img"></div>
    21.       <div id="right">
    22.             <div id="rightoben"></div>
    23.             <div id="rightunten">[img]img/logo.gif[/img]</div>
    24.         </div>
    25.     </div>
    26.     <div id="footer"></div>
    27. </div>
    28. </body>
    29. </html>
    30.  
    die stylesheetdatei für den IE:
    Code (Text):
    1. html{background:#FFFFFF;}
    2.  
    3. body{margin:10px 0px 0px 0px;}
    4.  
    5. h3{font-family:Verdana, Arial, Helvetica, sans-serif;
    6.    font-size:12px;
    7.    font-weight:bold;
    8.    color:#777777;}
    9.  
    10. .text{font-family:Verdana, Arial, Helvetica, sans-serif;
    11.       font-size:11px;
    12.       color:#777777;
    13.       line-height:18px;}  
    14.  
    15. .textkr{font-family:Verdana, Arial, Helvetica, sans-serif;
    16.       font-size:11px;
    17.       color:#777777;
    18.       line-height:14px;}  
    19.  
    20. .textb{font-family:Verdana, Arial, Helvetica, sans-serif;
    21.       font-size:11px;
    22.       color:#000000;
    23.       line-height:18px;}  
    24.  
    25. .textkl{font-family:Verdana, Arial, Helvetica, sans-serif;
    26.       font-size:9px;
    27.       color:#777777;
    28.       line-height:8px;}  
    29.  
    30. .akunden{font-family:Verdana, Arial, Helvetica, sans-serif;
    31.       font-size:11px;
    32.       color:#777777;
    33.       line-height:18px;
    34.       text-decoration:underline;}
    35. .akunden:link{font-family:Verdana, Arial, Helvetica, sans-serif;
    36.       font-size:11px;
    37.       color:#777777;
    38.       line-height:18px;
    39.       text-decoration:underline;}
    40. .akunden:active{font-family:Verdana, Arial, Helvetica, sans-serif;
    41.       font-size:11px;
    42.       color:#07529A;
    43.       line-height:18px;
    44.       text-decoration:underline;}
    45. .akunden:hover{font-family:Verdana, Arial, Helvetica, sans-serif;
    46.       font-size:11px;
    47.       color:#07529A;
    48.       line-height:18px;
    49.       text-decoration:none;}
    50. .akunden:visited{font-family:Verdana, Arial, Helvetica, sans-serif;
    51.       font-size:11px;
    52.       color:#777777;
    53.       line-height:18px;
    54.       text-decoration:underline;}
    55.      
    56.  
    57. #main{width:968px;
    58.       height:533px;
    59.       margin:auto;
    60.       border:#CCCCCC solid 1px;}
    61.  
    62. #header{width:968px;
    63.         height:30px;
    64.         float:left;
    65.         background:url(../img/frameset/frameset_01.gif);}
    66.  
    67. #content{width:968px;
    68.          height:463px;
    69.          float:left;
    70.          background:#FFFFFF;}
    71.  
    72.         #left{width:181px;
    73.               height:463px;
    74.               background:#F8F7F7;
    75.               float:left;}
    76.        
    77.         #leftoben{width:181px;
    78.                   height:146px;
    79.                   float:left;
    80.                   background:url(../img/frameset/kaesten.gif);}
    81.        
    82.         .leftunten{width:181px;
    83.                    height:317px;
    84.                    background:#F8F7F7;
    85.                    float:left;}
    86.                    
    87.             .leftunten ul{list-style-type:none;}
    88.            
    89.             .leftunten li a:link, .leftunten li a:visited {display: block;
    90.                                                            text-decoration: none;
    91.                                                            color: #777777;
    92.                                                            font-family: Verdana, Arial, Helvetica, sans-serif;
    93.                                                            font-size: 11px;
    94.                                                            line-height:10px;
    95.                                                            }
    96.                                                            
    97.             .leftunten li a:hover{color: #07529A;
    98.                                   font-family: Verdana, Arial, Helvetica, sans-serif;
    99.                                   font-size: 11px;
    100.                                   line-height:10px;
    101.                                   }
    102.            
    103.             #nav ul{list-style-type:none;}
    104.  
    105.             #nav li a:link, #nav li a:visited{display: block;
    106.                                                text-decoration: none;
    107.                                                color: #777777;
    108.                                                font-family: Verdana, Arial, Helvetica, sans-serif;
    109.                                                font-size: 10px;
    110.                                                vertical-align:text-bottom;
    111.                                                line-height:10px;
    112.                                                }
    113.            
    114.             #nav li a:hover{color: #07529A;
    115.                               font-family: Verdana, Arial, Helvetica, sans-serif;
    116.                               font-size: 10px;
    117.                               vertical-align:text-bottom;
    118.                               line-height:10px;}
    119.                
    120.         #img{width:321px;
    121.              height:463px;
    122.              float:left;
    123.              background:#FFFFFF;}
    124.        
    125.         #right{width:446px;
    126.                height:463px;
    127.                float:left;
    128.                background:#FFFFFF;}
    129.        
    130.                 #rightoben{padding:10px 10px 10px 30px;
    131.                            height:363px;
    132.                            background:#FFFFFF;}
    133.                
    134.                 #rightunten{width:90px;
    135.                             height:90px;
    136.                             float:right;
    137.                             text-align:right;}
    138.  
    139. #footer{width:968px;
    140.         height:30px;
    141.         float:left;
    142.         background:url(../img/frameset/frameset_05.gif);}    
    143.  
    gruß lomion

    Lösung: ich habe ganz einfach die beiden container mit dem content und dem logo in die jeweiligen unterseiten gepackt und habe den logocontainer in den contentbereichen gelöscht wo ich ihn nicht haben wollte...ist zwar umständlicher aber es funktioniert wenigstesn.. und ist auch weiterhin valide.. :)
     
    #1      
x
×
×