Zitat von
zoomzoom
Ach ja: woran könnte es liegen, das das Logo oben mit Firefox und mit Opera korrekt angezeigt wird und der IE hier Vers. 11, das Logo in Originalgröße zeigt?
Schreibe den Quellcode für das Logo nicht selber. Erstelle einen Artikel (bewährter Name '_Logo' (o. CE) auf einer unveröffentlichten Seite (bewährter Name '_GLOBALS'). Erstelle das Logo mit einem CE von Contao. Vergib aussagekräftige Title und Dateinamen (zB logo-akademie-awesto.svg). Bedenke, dass Suchmaschinen den Text aus dem Bild nicht auslesen können. Schreibe das hier ins Module-Typ-HTML und binde es ins Layout ein.
HTML-Code:
<!-- indexer::stop -->
<div class="mod_article block globals_logo">
für Artikel:
{{insert_article::_logo}}
für CE:
{{insert_content::ID von CE}}
</div>
<!-- indexer::continue -->
Benutze für Ordner und Dateinamen nur die Zeichen 'a-z', '0-9', '-', '_' und '~'. (Kleinschreibung)
In der momentanen Situation solltest du das Bild als Blockelement und nicht inline präsentieren.
CSS:
PHP-Code:
/* Zur Zeit */
img {
max-width: 100%;
height: auto;
}
#logo {
margin-top: 15px;
margin-bottom: 15px;
text-align: center;
}
/* Neu */
img {
max-width: 100%;
height: auto;
}
#logo {
margin-top: 15px;
margin-bottom: 15px;
}
#logo img {
display: block;
margin: 0 auto;
width: 450px;
}
WIDTH und HEIGHT im IMG sollten auf den original Werten des Bildes stehen. Im Moment steht da nur 'width="450"' das Bild ist aber 746px breit.
Lesezeichen