Du musst halt eine korrekte CSS-Formatierung deklarieren. Z. B. so:
Code:
#logo {
float: left;
height: auto;
max-width: 216px;
min-width: 100px;
position: relative;
width: 20%;
}
Prozentwert und Mindestbreite ggf. nach Wunsch anpassen. Wozu hattest Du das DIV im Übrigen absolut formatiert, und was versprachst Du Dir von der so völlig wirkungslosen float-Anweisung? Den Textblock weiter unten versahst Du mit einem clear. Auch suboptimal. Wie überhaupt das CSS Deines ganzen Layouts noch reichlich Nachbesserung benötigt.
Doch bzgl. Deiner Frage jetzt erstmal egal. Und dann noch das Image auf 100 % Breite setzen. Kannst Du auch inline machen:
Code:
<img class="responsive img" border="0" alt="Logo" src=" files/theme_files/logo/logo.png" style="width: 100%">
Für ein skalierendes Logo dieser Machart wäre daneben als Grafik das SVG-Format besser geeignet. U. a. wäre dann der Schriftzug in jeder Größe stets gestochen scharf. Falls auch noch Uraltbrowser unterstützt werden sollen, kann man eine Pixelgrafik als Fallback einbinden. Dazu mal googeln.
Edit: Hach Jungs, hättet ihr auch gleich sagen können, dass ihr schneller sein wollt. Dann hätte ich nämlich nicht nochmal dasselbe tippen brauchen.
Lesezeichen