"Header-Bild" passt sich nicht an

[Berliner]

Liebe Forengemeinde,

möchte mich als Newbi an euch um Hilfe wenden - Hoffe, dass ich beim Durchwühlen des Forums die Rubrik nicht verfehlt habe, oder einen Thread überlesen.

Folgendes Problem:

Ich habe für meinen Header ein Bild eingebunden. Dieses Bild wird jedoch nicht auf die maximale Breite des definierten "Body", bzw. Bildgröße angezeigt. (alles ist auf eine Breite von 960 px eingestellt.)
Auch eine Änderung der maximalen Bildgröße in den System-Einstellungen hat nichts bewirkt. Die ursprüngliche Bildgröße beträgt 1056x264 - zumindest wurde sie nicht mehr automatisch verkleinert.
Angezeigt wird das Bild (auch über die Eigenschaften per rechter Maustaste in der FE-Vorschau) nur mit 880x220.

Habe für den ScreenShot die Bereiche mal mittels Rahmen und roter Farbe kenntlich gemacht.

Im Anhang die ScreenShots - hoffe, jemand kann mir durch meine "Blindheit" helfen?

Vielen Dank im Voraus, der Berliner

[derRenner]

Hallo,

hier wäre ein Link zum Projekt notwendig, damit wir auch das Umfeld in deinem Header angucken könnten.

[wulf]

irgendein css problem, margin, padding, reset.css, firebug schon kontrolliert/getestet/angewendet.

[Fkhm]

Kannst mal in dem Frontend-Modul statt Zufallsbild "eigener HTML-Code" verwenden.

Da dann <a href="index.php"><img src="files/Überodrner/Unterordner/Dateiname.Endung" /></a>

[qba]

Hallo Berliner,

ich könnte mir auch vorstellen, dass Dein Bild tatsächlich nur 880px breit ist. Kann es sein, dass Du das Bild in die Dateiverwaltung hochgeladen hast und es dabei auf diese 880px verkleinert wurde, weil Du in Deinen Einstellungen die 880px als Höchstmaß eingetragen hast?

[Berliner]

vielen Dank erst einmal für die schnellen Antworten und Lösungsvorschläge.

Leider kann ich derzeit keinen Link einbinden, da ich sonst die Domain-Umleitung von meiner derzeitigen Seite umstellen müsste..
Werde im Anhang dann mal die CSS posten.. Vielleicht liegt dort der Fuchs versteckt.

Kurz zu euren Antworten:

1. da ich ebenfalls über die "automatische" Verkleinerung der Bilder gestolpert bin, habe ich im System die Bildgröße geändert (von 880x... auf 1200x1200). Erst dann die Datei hochgeladen - keine Fehlermeldung und auch kein "Bild wurde automatisch verkleinert".
2. Was den Vorschlag mit dem eigenen html- Code betrifft, so werde ich das heut Abend mal probieren und mich dann wieder melden.
3. im Anhang mal die derzeit aktive CSS (layout @media all).

Vielen Dank nochmal, der Berliner

body {
    width:100%;
    height:100%;
    margin-right:auto;
    margin-left:auto;
    background-color:#c9c5c5;
    font:14px Arial;
    font-weight:normal;
    color:#575454;
}


#Header {
    width:960px;
    height:242px;
    max-height:242px;
    margin-right:auto;
    margin-left:auto;
    background-color:#d41919;
    background-repeat:repeat;
    border:1px groove #4d4d4d;
}


#Navigation {
    width:960px;
    height:40px;
    max-height:40px;
    float:left;
    margin-top:auto;
    margin-bottom:auto;
    vertical-align:middle;
    background-color:#bfbdbd;
    background-repeat:repeat;
    border:1px groove #4f4949;
    font:14px/16px arial;
    font-weight:bold;
    color:#3fa1e8;
    text-transform:capitalize;
    word-spacing:0px;
    list-style-type:none;
}


#Navigation li {
    padding-right:45px;
    padding-left:0;
    display: inline
}


#Navigation ul {
    padding-right:45px;
    list-style: none
}

 
#Navigation a: {
    color: #615f5f;
     text-decoration: none;
}

 
#Navigation a:visited {
    color: #082373;
     text-decoration: none;
}


#Navigation a:hover {
    font-weight:bold;
    text-transform:uppercase;
    width: 110px;    
    height: 25px;	
    color: #082373;	
    text-decoration: none;	
    background: #7ab3c4
}


#artikel {
    width:958px;
    height:450px;
    margin-top:5px;
    margin-right:auto;
    margin-left:auto;
    background-color:#f2f0f2;
    border:1px groove #4f494;
    font:14px/16px arial;
    font-weight:normal;
    color:#403e3e;
    text-indent:5px;
}


#Ressourcen - Footer {
    width:960px;
    height:15px;
    max-height:15px;
    background-color:#c9c1c;
    border:1px groove #4f494;
    font:8px arial;
    font-weight:normal;
}

[Berliner]

Hallo,

der Tip von Fkhm hat funktioniert.
Die Umstellung von Zufallsbild auf eigenen Code hat den gewünschten Erfolg gebracht. (Auch wenn damit das ursprüngliche Problem nicht wirklich gelöst ist / war).

Vielen Dank noch einmal für die schnelle Hilfe an ALLE, der Thread könnte geschlossen werden.

MfG, Der Berliner