Thema: [HTML] Dartsellungsprobleme zwischen IE u. FireFox

Einzelnen Beitrag anzeigen

Benutzerbild von maynard
maynard

Registriert seit: 22. Jun 2004
Ort: Deutschland
72 Beiträge
 
Delphi 7 Enterprise
 
#6

Re: [HTML] Dartsellungsprobleme zwischen IE u. FireFox

  Alt 4. Mär 2005, 17:28
Tach...

Ganz ist das Problem doch noch nicht gelöst. Ich hab den Fehler in den Originaldateien behoben was eine teilweise Verbesserung gebracht hat, aber einen Fehler gibts immernoch.

HTML Code ::
markieren
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>New Document</title>
    <meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
      <link rel="stylesheet" type="text/css" href="default2.css">
  </head>
  <body>
      
 
      
      <table class="tbl_header">
         <tr>
            
            <td class="td_spacer_left_1"></td>
            
            <td class="td_spacer_left_2"></td>
            
            <td class="td_header_title">Das ist der Title</td>
            <td class="td_header_language">[img]gfx/flag_ger.png[/img]</td>
            
            <td class="td_spacer_right_2"></td>
            
            <td class="td_spacer_right_1"></td>
         </tr>
      </table>
      
      <table class="tbl_main">   
         
         <tr>
            
            <td class="td_spacer_left_1"></td>
            
            <td class="td_spacer_left_2"></td>
            
            <td class="td_spacer_vertical_menu"></td>
            
            <td class="td_spacer_vertical_content"></td>
            
            <td class="td_spacer_right_2"></td>
            
            <td class="td_spacer_right_1"></td>
         </tr>   
         
         <tr>
            
            <td class="td_spacer_left_1"></td>
            
            <td class="td_spacer_left_2"></td>
            
            <td class="td_menu">[url="test.html"]Link 1[/url]</td>
            
            <td class="td_content">Inhalt</td>
            
            <td class="td_spacer_right_2"></td>
            
            <td class="td_spacer_right_1"></td>
         </tr>
         
   
      </table>
  </body>
</html>
CSS Code ::
markieren
Code:
body {
   margin-top:                   5%;
   margin-bottom:               5%;
   margin-left:                  3%;
   margin-right:                  3%;
   
   background-color:            #7E97A2;   
}

a:link, a:visited {
   font-family:                  Verdana, Tahoma, Arial;
   font-size:                     10pt;
   text-decoration:            none;
   color:                            #5A737D;
}

a:active, a:hover {
   font-family:                  Verdana, Tahoma, Arial;
   font-size:                     10pt;
   text-decoration:            none;
   color:                            #000000;
}

.tbl_header {
   width:                           100%;
   
   table-layout:                  fixed;
   
   background-color:            #FFFFFF;
   
   border-left-width:         1px;
   border-left-style:         solid;
   
   border-right-width:         1px;
   border-right-style:         solid;
   
   border-top-width:            1px;
   border-top-style:            solid;

   border-bottom-width:      0px;   
   border-bottom-style:      none;
      
   border-collapse:            collapse;
   border-color:                  #4F656E;
   border-spacing:               0px;
}

.td_spacer_left_1 {
   width:                           2%;
   text-align:                     left;
   vertical-align:               top;
   background-color:            #C7D2D6;
}

.td_spacer_left_2 {
   width:                           2%;
   text-align:                     left;
   vertical-align:               top;
   background-color:            #FFFFFF;
}

.td_spacer_right_1 {
   width:                           2%;
   text-align:                     right;
   vertical-align:               top;
   background-color:            #C7D2D6;
}

.td_spacer_right_2 {
   width:                           2%;
   text-align:                     right;
   vertical-align:               top;
   background-color:            #FFFFFF;
}

.td_header_title {
   width:                           72%;
   
   border-bottom-width:      1px;
   border-bottom-style:      dashed;
   border-bottom-color:      #C7D2D6;
   
   padding-left:                  0px;
   padding-right:               5px;
   padding-top:                  5px;
   padding-bottom:               5px;
   
   text-align:                     left;
   vertical-align:               middle;
   font-family:                  Verdana, Tahoma, Arial;
   font-size:                     12pt;
   font-weight:                  bold;
   color:                           #5A737D;
}

.td_header_language {
   width:                           20%;
   
   border-bottom-width:      1px;
   border-bottom-style:      dashed;
   border-bottom-color:      #C7D2D6;
   
   padding-left:                  5px;
   padding-right:               0px;
   padding-top:                  5px;
   padding-bottom:               5px;
   
   text-align:                     right;
   vertical-align:               middle;
}

.tbl_main {
   width:                           100%;
   
   table-layout:                  fixed;
   
   background-color:            #FFFFFF;
   
   border-left-width:         1px;
   border-left-style:         solid;
   
   border-right-width:         1px;
   border-right-style:         solid;
   
   border-top-width:            0px;
   border-top-style:            none;

   border-bottom-width:      1px;   
   border-bottom-style:      solid;
      
   border-collapse:            collapse;
   border-color:                  #4F656E;
   border-spacing:               0px;
}

.td_spacer_vertical_menu {
   height:                           10px;
   width:                           20%;
}

.td_spacer_vertical_content {
   height:                           10px;
   width:                           72;
}

.td_menu {
   width:                           20%;
   
   text-align:                     left;
   vertical-align:               top;
   
   border-right-width:         1px;
   border-right-style:         dashed;
   border-right-color:         #C7D2D6;
}

.td_content {
   width:                           72%;
   
   padding-left:                  2%;
   padding-right:               2%;
   
   text-align:                     left;
   vertical-align:               top;
   font-family:                  Verdana, Tahoma, Arial;
   font-size:                     10pt;
   font-weight:                  normal;
   color:                           #000000;
}

Wenn ich im HTML die Tabellen - Zeile unter dem ersten Kommentar weglasse oder durch die Tabellen - Zeile unter dem Kommentar ersetze wird alles korrekt dargestellt. Das ist aber nicht was ich will, es soll ein Abstand bleiben, damit der linke Rahmen des Menubereichs nicht komplett durchgezogen ist. Wie es ausschaut siehe Anhang. Der grau Rand (rechts u. links) ist in der unteren Tabelle viel zu breit ... er müsste sich genauso verhalten wie oben .. auch dürfte das Menu nur 20 % haben u. der Content 72 % ... hat sich aber alles verschoben.
Der grau Ran

MfG
Miniaturansicht angehängter Grafiken
table_478.png  
"Denkst Du dasselbe wie ich, Pinky?" - "Ich glaube schon, Brain, aber was ist, wenn das Huhn die Strumpfhosen nicht anziehen will...?"
http://www.programmierer-board.de/ph...fc628a1239.jpg
  Mit Zitat antworten Zitat