Bild im Header wird abeschnitten Topic is solved

[planer3000]

Hallo Leute,

mein Bild hat die Größe 100x770 Px

das CSS sieht so aus (sowieso standard geblieben)


/*** header ***
we will hide text and replace it with a image
we need to assign a height for it so that the image wont cut off
*/
div#header {
  height: 100px;    /* adjust according your image size */
  background: #792225;         
}

div#header h1 a {
/* you can set your own image here */
  background: #792225 url(images/cms/logo1.gif) no-repeat 0 12px;
  display: block;
  height: 100px;            /* adjust according your image size */
  text-indent: -999em;  /* this hides the text */
  text-decoration:none; /* old firefox would have shown underline for the link, this explicitly hides it */

}

trotzdem wird es unten um ca 10 Px abeschnitten und oben um 10 px mit der Hintergrund-Grafi aufgefüllt.


Was ist hier falsch?


Gruß, Udo

[cyberman]

div#header h1 a {
/* you can set your own image here */
  background: #792225 url(images/cms/logo1.gif) no-repeat 0 12px;

Hast du schon mal versucht, an diesem Parameter "zu drehen"?