Verschiebung der seite.

  • Verschiebung der seite.

    Guten tag,

    jeybe hat mir dieses forum empfohlen für fragen etc. Meine frage steht weiter unten. Ich hoffe ihr kkönnt den fehler finden.

    index:

    PHP-Quellcode

    1. <Tr>
    2. <Td colspan="2">
    3. <Img src="images/image_06.png" width="29" height="38" alt=""></Td>
    4. <Td colspan="3">
    5. <a href="javascript:void(0);" onclick="MM_showHideLayers('newsarea_sub','','show','information_sub','','hide','clanarea_sub','','hide','community_sub','','hide','mediaarea_sub','','hide');"><img src="images/image_07.png" alt="" width="96" height="38" name="newsarea" /></a>
    6. </Td>
    7. <Td colspan="2">
    8. <a href="javascript:void(0);" onclick="MM_showHideLayers('newsarea_sub','','hide','information_sub','','show','clanarea_sub','','hide','community_sub','','hide','mediaarea_sub','','hide');"><img src="images/image_08.png" alt="" width="101" height="38" name="information" /></a>
    9. </Td>
    10. <Td>
    11. <a href="javascript:void(0);" onclick="MM_showHideLayers('newsarea_sub','','hide','information_sub','','hide','clanarea_sub','','show','community_sub','','hide','mediaarea_sub','','hide');"><img src="images/image_09.png" alt="" width="107" height="38" name="clanarea" /></a>
    12. </Td>
    13. <Td>
    14. <a href="javascript:void(0);" onclick="MM_showHideLayers('newsarea_sub','','hide','information_sub','','hide','clanarea_sub','','hide','community_sub','','show','mediaarea_sub','','hide');"><img src="images/image_10.png" alt="" width="112" height="38" name="community" /></a>
    15. </Td>
    16. <?php if($loggedin) {
    17. echo'<Td colspan="13" background="images/image_12_b.png">';
    18. include("login.php");
    19. echo'</Td>';
    20. }
    21. else{
    22. include("login.php");
    23. }
    24. ?>
    25. </Tr>
    26. <Tr>
    27. <Td colspan="3" rowspan="2">
    28. <Img src="images/image_20.png" width="100" height="20" alt=""></Td>
    29. <Td colspan="7" rowspan="2" background="images/image_21.png">
    30. <?php include("navigation.php"); ?>
    31. </Td>
    Alles anzeigen

    Navigation:

    Quellcode

    1. <div id="newsarea_sub" style="visibility:$newsarea_vis;">
    2. <a href="index.php?site=news">%news%</a>&nbsp;&nbsp;-&nbsp;&nbsp;
    3. <a href="index.php?site=news&amp;action=archive">%archives%</a>&nbsp;&nbsp;-&nbsp;&nbsp;
    4. <a href="index.php?site=articles">%articles%</a>
    5. </div>
    6. <div id="information_sub" style="visibility:$information_vis;">
    7. <a href="index.php?site=about">%about_us%</a>&nbsp;&nbsp;-&nbsp;&nbsp;
    8. <a href="index.php?site=history">%history%</a>&nbsp;&nbsp;-&nbsp;&nbsp;
    9. <a href="index.php?site=calendar">%calendar%</a>&nbsp;&nbsp;-&nbsp;&nbsp;
    10. <a href="index.php?site=faq">%faq%</a>
    11. </div>
    12. <div id="clanarea_sub" style="visibility:$clanarea_vis;">
    13. <a href="index.php?site=members">%members%</a>&nbsp;&nbsp;-&nbsp;&nbsp;
    14. <a href="index.php?site=clanwars">%matches%</a>&nbsp;&nbsp;-&nbsp;&nbsp;
    15. <a href="index.php?site=awards">%awards%</a>&nbsp;&nbsp;-&nbsp;&nbsp;
    16. <a href="index.php?site=joinus">%join_us%</a>
    17. </div>
    18. <div id="community_sub" style="visibility:$community_vis;">
    19. <a href="index.php?site=forum">%forums%</a>&nbsp;&nbsp;-&nbsp;&nbsp;
    20. <a href="index.php?site=guestbook">%guestbook%</a>&nbsp;&nbsp;-&nbsp;&nbsp;
    21. <a href="index.php?site=registered_users">%registered_users%</a>&nbsp;&nbsp;-&nbsp;&nbsp;
    22. <a href="index.php?site=search">%search%</a>
    23. </div>
    24. <div id="mediaarea_sub" style="visibility:$mediaarea_vis;">
    25. <a href="index.php?site=files">%downloads%</a>&nbsp;&nbsp;-&nbsp;&nbsp;
    26. <a href="index.php?site=gallery">%gallery%</a>&nbsp;&nbsp;-&nbsp;&nbsp;
    27. <a href="index.php?site=links">%links%</a>&nbsp;&nbsp;-&nbsp;&nbsp;
    28. <a href="index.php?site=linkus">%links_us%</a>
    29. </div>
    Alles anzeigen

    Style:

    Quellcode

    1. #newsarea_sub{
    2. text-decoration:none;
    3. outline:none;
    4. color:#767676;
    5. font-size:11px;
    6. font-weight:normal;
    7. font-family:Tahoma;
    8. position:absolute;
    9. }
    10. #newsarea_sub a, #newsarea_sub a:visited{
    11. text-decoration:none;
    12. outline:none;
    13. color:#767676;
    14. font-size:11px;
    15. font-weight:normal;
    16. font-family:Tahoma;
    17. }
    18. #newsarea_sub a:hover{
    19. text-decoration:none;
    20. outline:none;
    21. color:#e7b202;
    22. font-size:11px;
    23. font-weight:normal;
    24. font-family:Tahoma;
    25. }
    26. #information_sub{
    27. text-decoration:none;
    28. outline:none;
    29. color:#767676;
    30. font-size:11px;
    31. font-weight:normal;
    32. font-family:Tahoma;
    33. position:absolute;
    34. }
    35. #information_sub a, #information_sub a:visited{
    36. text-decoration:none;
    37. outline:none;
    38. color:#767676;
    39. font-size:11px;
    40. font-weight:normal;
    41. font-family:Tahoma;
    42. }
    43. #information_sub a:hover{
    44. text-decoration:none;
    45. outline:none;
    46. color:#e7b202;
    47. font-size:11px;
    48. font-weight:normal;
    49. font-family:Tahoma;
    50. }
    51. #clanarea_sub{
    52. text-decoration:none;
    53. outline:none;
    54. color:#767676;
    55. font-size:11px;
    56. font-weight:normal;
    57. font-family:Tahoma;
    58. position:absolute;
    59. }
    60. #clanarea_sub a, #clanarea_sub a:visited{
    61. text-decoration:none;
    62. outline:none;
    63. color:#767676;
    64. font-size:11px;
    65. font-weight:normal;
    66. font-family:Tahoma;
    67. }
    68. #clanarea_sub a:hover{
    69. text-decoration:none;
    70. outline:none;
    71. color:#e7b202;
    72. font-size:11px;
    73. font-weight:normal;
    74. font-family:Tahoma;
    75. }
    76. #community_sub{
    77. text-decoration:none;
    78. outline:none;
    79. color:#767676;
    80. font-size:11px;
    81. font-weight:normal;
    82. font-family:Tahoma;
    83. position:absolute;
    84. }
    85. #community_sub a, #community_sub a:visited{
    86. text-decoration:none;
    87. outline:none;
    88. color:#767676;
    89. font-size:11px;
    90. font-weight:normal;
    91. font-family:Tahoma;
    92. }
    93. #community_sub a:hover{
    94. text-decoration:none;
    95. outline:none;
    96. color:#e7b202;
    97. font-size:11px;
    98. font-weight:normal;
    99. font-family:Tahoma;
    100. }
    101. #mediaarea_sub{
    102. text-decoration:none;
    103. outline:none;
    104. color:#767676;
    105. font-size:11px;
    106. font-weight:normal;
    107. font-family:Tahoma;
    108. position:absolute;
    109. }
    110. #mediaarea_sub a, #mediaarea_sub a:visited{
    111. text-decoration:none;
    112. outline:none;
    113. color:#767676;
    114. font-size:11px;
    115. font-weight:normal;
    116. font-family:Tahoma;
    117. }
    118. #mediaarea_sub a:hover{
    119. text-decoration:none;
    120. outline:none;
    121. color:#e7b202;
    122. font-size:11px;
    123. font-weight:normal;
    124. font-family:Tahoma;
    Alles anzeigen

    Das Problem:
    Der text wird nicht wie ich es mir erhofft habe in der Mitte dargestellt sondern etwas weiter runter. wenn ich position:absolute; raus nehme dann verschiebt sich alles noch mehr.

    Mit position:absolute:


    Wäre nett wenn mir jmd hilft!

    Danke
    Mit freundlichen Grüßen