Hannes Weninger: div in der Mitte platzieren mit margin auto

SELF-Forum

div in der Mitte platzieren mit margin auto

Hannes Weninger
– Informationen zu den Bewertungsregeln

Hallo,

ich hab eigentlich ein ganz einfaches Problem :-)
Und zwar hab ich unteren Code, mit dem ich die 2 divs in der Mitte platzieren will.
Das funktioniert auch OHNE diese Zeile:

<link href="./css/bootstrap.min.css" rel="stylesheet" media="screen">

Wenn ich diese Zeile wieder einkommentiere, dann sind die divs - wenn ich den Browser hin und herziehe - nicht in der Mitte sondern ein bisschen nach links versetzt.
Ich vermute jetzt mal, dass das ein standardverhalten von bootstrap.min.css ist.

Meine Frage wäre jetzt, wie ich das ausschalten/verhindern kann. Mit clear:both hab ichs shcon versucht, hat aber nicht geklappt.
Vielleicht kann mir da jemand helfen.

Vielen Dank!!
lg
Hannes

  
<!DOCTYPE html>  
<html>  
    <head>  
        <title></title>  
        <meta name="viewport" content="width=device-width, initial-scale=1.0">  
        <link href="./css/bootstrap.min.css" rel="stylesheet" media="screen">  
        <link href="./css/bootstrap-responsive.min.css" rel="stylesheet" media="screen">  
        <script src="./js/libs/jquery-1.9.0/jquery.min.js"></script>  
        <script src="./js/bootstrap.min.js"></script>  
        <style type="text/css">  
            #footer {  
                clear: both;  
                display: block;  
                margin-left: auto;  
                margin-right: auto;  
                max-width: 1350px;  
                text-align: center;  
                }  
            #footer .contact {  
                background-color: #f00;  
                }  
            #footer .arrival {  
                background-color: #0f0;  
                }  
        </style>  
    </head>  
    <body>  
  
        <footer id="footer" class="row-fluid">  
            <div class="contact span3">Footer Contact HTML</div>  
            <div class="arrival span3">Footer Anfahrt HTML</div>  
        </footer>  
  
    </body>  
</html>
Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. div in der Mitte platzieren mit margin auto

    Gunnar Bittersmann Homepage des Autors
    – Informationen zu den Bewertungsregeln

    @@Hannes Weninger:

    nuqneH

    Ich vermute jetzt mal, dass das ein standardverhalten von bootstrap.min.css ist.

    Ja, daran wird’s wohl liegen.

    Meine Frage wäre jetzt, wie ich das ausschalten/verhindern kann.

    Woher sollen wir das wissen? Du hast keinen Link zu deiner Seite angegeben. Wir wissen nicht, was in bootstrap.min.css steht. Du denkst nicht, dass wir uns irgendeine bootstrap.min.css-Datei im Netz suchen und davon ausgehen, dass du dieselbe meinst, oder?

    Qapla'

    --
    „Talente finden Lösungen, Genies entdecken Probleme.“ (Hans Krailsheimer)
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln