Buttons zentrieren funktioniert nicht

  • CSS

    Buttons zentrieren funktioniert nicht

    Hallo liebe Gemeinde,

    ich bin am verzweifel und habe schon überall "text-align: center;" ausprobiert, wo es nur geht, aber nichts geschafft.
    Wer kann mir helfen, ich schaffe es nicht, dass die Buttons insg. in der Mitte angezeigt werden.

    PS: Ich habe noch den Stylesheet von der Thickbox drin und die jQuery.js + Thickbox.js drin.

    CSS-Code

    Quellcode

    1. <style type="text/css">
    2. body {
    3. background: url(../img/background.jpg) fixed no-repeat;
    4. background-position: center;
    5. background-size: 100% 100%;
    6. margin:0px;
    7. background-color: green;
    8. color: #fb9940;
    9. font-family: Verdana, Sans-Serif;
    10. }
    13. .header {
    14. float: none;
    15. display: block;
    16. text-align: center;
    17. margin-top: -150px;
    18. margin-bottom: 50px;
    19. }
    21. .logo {
    22. float: right;
    23. display: block;
    24. text-align: center;
    25. margin-top: -150px;
    26. margin-bottom: 50px;
    27. margin-right: -170px;
    28. }
    30. .center {
    31. float: none;
    32. width: 800px;
    33. margin-left: auto;
    34. margin-right: auto;
    35. margin-top: 200px;
    36. }
    38. .nav a {
    39. display: inline-block;
    40. width: 100px;
    41. background: #fb9940;
    42. padding: 5px 5px 5px 5px;
    43. border: 1px solid #ba6410;
    44. color: #fff;
    45. text-decoration: none;
    46. text-align: center;
    47. margin: 0px 10px;
    48. font-size: 14px;
    49. font-weight: bold;
    50. text-align: center;
    51. }
    53. .navigation, .footer {
    54. text-align: center;
    55. font-size:14px;
    56. display:block;
    57. position:absolute;
    58. }
    60. .navigation ul, .footer ul {
    61. list-style-type:none;
    62. list-style-image:none;
    63. text-align: center;
    64. }
    66. .navigation li.topmenu, .footer li.topmenu {
    67. float:left;
    68. padding: 0px 0px;
    69. text-align: center;
    70. }
    72. .topmenu ul{
    73. display:none;
    74. }
    76. .topmenu a {
    77. display: inline-block;
    78. width: 120px;
    79. background: #fb9940;
    80. padding: 5px;
    81. border: 1px solid #ba6410;
    82. color: #fff;
    83. text-decoration: none;
    84. text-align: center;
    85. margin: 0px 10px;
    86. font-size: 14px;
    87. font-weight: bold;
    88. }
    90. .submenu a {
    91. border-top: 0px;
    92. position:relative;
    93. clear:both; /* special IE6 */
    94. }
    96. .navigation a:hover, .topmenu.on a, .footer a:hover {
    97. background-color:#ffaf67 !important;
    98. }
    100. .topmenu:hover ul {
    101. display:block;
    102. }
    104. .article {
    105. margin-top: 120px;
    106. }
    109. .footer {
    110. margin-top: 25px;
    111. }
    112. </style>


    HTML-Code

    HTML-Quellcode

    1. <div class="center">
    2. <div class="header"><img src="../img/header.png" alt="" title="" /></div>
    3. <div class="logo"><img src="../img/logo.png" alt="" title="" /></div>
    5. <div class="navigation">
    6. <ul>$navigation_top</ul>
    7. </div>
    9. <div class="article">
    10. <div class="scroll-pane" style="overflow:auto; width:100%; height:350px; padding:0px; border:0px;">
    11. $content
    12. </div>
    14. </div>
    16. <div class="footer" style="text-align:center;">
    17. <ul style="text-align:center;">$navigation_bottom</ul>
    18. </div>
    20. </div>

    Schaffe es allein, OHNE Hilfe leider nicht mehr...

    EDIT Habe mal den Fehler als Dateianhang hochgeladen.

    Mit freundlichem Gruß,
    abRobert
    Bilder

    • Fehler.png

      973,23 kB, 1.034×582, 70 mal angesehen

    Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von „abRobert“ ()

Facebook
Telefonspende