IE zerstückelt meine Seite

  • IE zerstückelt meine Seite

    Hi Leute,
    ich bin langsam frustriert. Ich habe meine Webseite zusammengeschrieben und sie W3C konform gestallte. Auf allen Browsern funktioniert sie bisher Reibungslos. Nur IE hat beim Übergang vom Menue zum Footer einen weißen Streifen.
    Die Navigation, welche auf dem gleichen Aufbau basiert, zeigt der IE fehlerfrei an.
    Ich hoffe ihr könnt mir helfen.

    Hier noch der Link zur Seite:
    iam-theclan.de/Test/index.php?seite=galerie

    Quellcode

    1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    2. <html xmlns="http://www.w3.org/1999/xhtml">
    3. <head>
    4. <link rel="shortcut icon" href="favicon.ico" />
    5. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    6. <title>Wilkommen auf der Webseite der Burschenschaft Vandalia</title>
    7. <style type="text/css"><!--
    8. html, body{
    9. margin:0;
    10. padding:0;
    11. text-align:center;
    12. }
    14. #pagewidth{
    15. width:884px;
    16. text-align:left;
    17. margin-left:auto;
    18. margin-right:auto;
    19. }
    21. #header{
    22. position:relative;
    23. width:100%;
    24. background-color:#FFFFFF;
    25. }
    27. #leftcol{
    28. width:206px;
    29. float:left;
    30. position:relative;
    31. }
    34. #twocols{
    35. width:678px;
    36. float:right;
    37. position:relative;
    38. }
    40. #rightcol{
    41. width:56px;
    42. float:right;
    43. position:relative;
    44. }
    46. #maincol{background-color: #FFFFFF;
    47. float: left;
    48. display:inline;
    49. position: relative;
    50. width:622px;
    51. }
    53. #footer{
    54. background-color:#FFFFFF;
    55. clear:both;
    56. }
    58. /* *** Float containers fix:
    59. http://www.csscreator.com/attributes/containedfloat.php *** */
    60. .clearfix:after {
    61. content: ".";
    62. display: block;
    63. height: 0;
    64. clear: both;
    65. visibility: hidden;
    66. }
    68. .clearfix{display: inline-block;}
    70. /* Hides from IE-mac \*/
    71. * html .clearfix{height: 1%;}
    72. .clearfix{display: block;}
    73. /* End hide from IE-mac */
    77. /*printer styles*/
    78. @media print{
    79. /*hide the left column when printing*/
    80. #leftcol{display:none;}
    82. /*hide the right column when printing*/
    83. #rightcol{display:none;}
    84. #twocols, #maincol{width:100%; float:none;}
    85. }
    87. --></style>
    92. </head>
    94. <body>
    95. <div id="pagewidth">
    96. <div id="header"><img src="Seite/Header.jpg" alt="Header" /></div>
    97. <div id="leftcol">
    98. <?php include('navi.php'); ?>
    99. </div>
    100. <div id="maincol">
    101. <?php
    102. switch ($_GET['seite'])
    103. {
    104. case 'start':
    105. include('start.php');
    106. break;
    107. case 'Warum':
    108. include('warum.php');
    109. break;
    110. case 'Chronik1':
    111. include('chronik1.php');
    112. break;
    113. case 'Chronik2':
    114. include('chronik2.php');
    115. break;
    116. case 'Chronik3':
    117. include('chronik3.php');
    118. break;
    119. case 'Aktivitas1':
    120. include('aktivitas1.php');
    121. break;
    122. case 'Aktivitas2':
    123. include('aktivitas2.php');
    124. break;
    125. case 'AHV':
    126. include('ahv.php');
    127. break;
    128. case 'Termine':
    129. include('termine.php');
    130. break;
    131. case 'galerie':
    132. include('galerie.php');
    133. break;
    134. case 'galerie2008':
    135. include('galerie2008.php');
    136. break;
    137. case 'galerie2009':
    138. include('galerie2009.php');
    139. break;
    140. case 'Links':
    141. include('links.php');
    142. break;
    143. case 'galerie':
    144. include('galerie.php');
    145. break;
    146. case 'impressum1':
    147. include('impressum1.php');
    148. break;
    149. case 'impressum2':
    150. include('impressum2.php');
    151. break;
    152. case 'kontakt':
    153. include('kontakt.php');
    154. break;
    155. case 'suche':
    156. include('suche.php');
    157. break;
    158. default:
    159. include('start.php');
    160. }
    161. ?>
    162. </div>
    163. <div id="rightcol"><img src="Seite/Rand.jpg" alt="rechter Rand" /></div>
    164. <div id="footer"><img src="Seite/Footer.jpg" alt="Footer" border="0" usemap="#Map2" />
    165. <map name="Map2" id="Map2">
    166. <area shape="rect" coords="681,33,715,42" href="index.php?seite=suche" alt="Suche" />
    167. <area shape="rect" coords="721,31,762,43" href="index.php?seite=kontakt" alt="Kontakt" />
    168. <area shape="rect" coords="768,31,824,44" href="index.php?seite=impressum1" alt="Impressum" />
    169. </map>
    170. </div>
    171. </div>
    172. </body>
    173. </html>
    Alles anzeigen