CSS Problem bei neuer Seite
Hallo liebe Leser,
bin mal wieder dabei, eine neue Contao Seite zu basteln. Habe bisher auch alles hinbekommen, wie ich es haben möchte. Nun steht das "Gerüst" und es zeigt sich, das die untere Navigation immer ausserhalb des Monitorbereichs ist. Mir scheint es so, als würde irgend ein Bereich 2cm zu lang sein, deutlich zu erkennen durch den hellblauen Bereich. Nun suche ich mir schon Stunden lang den Wolf und finde meinen Fehler nicht.
Könnte vielleicht jemand von Euch mal schauen, woran es liegen könnte? Hier der Link zur Seite: https://awesto.dl-ms.de/index.php/satzung.html
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?
Danke schon jetzt.
Dirk
Erlaubte Zeichen vergessen.
Zitat:
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.