3 Zeilen mit Background

FlinkerWiesel

moin moin,

komme gerade nicht weiter habe schon 2Stunden getestet, gegoogelt etc....
Und zwar wolte ich 3 Zeilen mit einem background: url(style/wb_content_head.jpg); gestalten im FireFox ist zwar alles zu sehen aber er macht zwei lücken übern content und unter content.. hier mal mein code:

Code

<div id="content-top">

      <div id="content-head"></div>
<div id="content-backgr"> 
        <div id="content-text"> 
          <!-- INHALT ANFANG-->
          <p>hier steht mein text<br>
          <!-- INHALT ENDE-->
        </div>
      </div>
      <div id="content-foot"></div>
           </div>

Alles anzeigen

CSS-Teil

HTML

#content-top  { float: left; width: 814px; margin-top: 0px; padding: 0px; }
#content-text  { width: 794px; margin: 0 auto;}
#content-head  {  background: url(style/wb_content_head.jpg); height: 17px; width: 814px; margin: 0px; padding: 0px;}
#content-backgr { background: url(style/wb_content_backgr.jpg); width: 814px; margin: 0px; padding: 0px;}
#content-foot {  background: url(style/wb_content_footer.jpg); height: 17px; width: 814px; margin: 0px; padding: 0px;}

mir geht´s jetzt nur um denn #content-head, #content-backgr und #content-foot das wohl bestimmt voll falsch.

Unregistriert

Ich wiederhole mich: Ein Link zur Seite wäre nicht schlecht

Und ja, ich weiß, dass du das nur auf deinem Rechner machst. Aber dann besorge dir irgendwo kostenlosen Webspace (z.B. bei bplaced) und legt das dort ab

FlinkerWiesel

Am Webspeicher solte es nicht liegen davon habe ich genug... aber brauche es gar nicht erst hochladen weil das ist nur das was ich hier gepostet habe, mehr nicht...

alxy

ergänze mal deine css durch

Code

html {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align: baseline;
    background:none;
}

FlinkerWiesel

mm.. ne das auch keine lösung ich habe ja einfach drei zeilen gemacht mit div-tag und einfach eine Background-image im CCS eingefügt.

Code

#content-head  {  background: url(style/wb_content_head.jpg); height: 17px; width: 814px; margin: 0px; padding: 0px;} #content-backgr { background: url(style/wb_content_backgr.jpg); width: 814px; margin: 0px; padding: 0px;} 
#content-foot {  background: url(style/wb_content_footer.jpg); height: 17px; width: 814px; margin: 0px; padding: 0px;}

muss ich da mit position: relative; arbeiten... ??

Unregistriert

Zitat von FlinkerWiesel

aber brauche es gar nicht erst hochladen weil das ist nur das was ich hier gepostet habe, mehr nicht...

Aha, also ohne Doctype und Header, etc.

Ist das jetzt zuviel verlangt, dass du uns die Möglichkeit gibst, das richtig anzusehen?

FlinkerWiesel

hehehe.... komm wohl nicht drumrum... also hier der Link zur webseite.... und nur weil ich nicht weiter komme...grgrgrrr
http://spasselite.de/page1/index.html
link gelöscht !!

alxy

Zitat von alxy

ergänze mal deine css durch

Code

html {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align: baseline;
    background:none;
}

Hast du es denn wenigstens mal ausprobiert?
ich würde das generell IMMER an den Anfang einer CSS schreiben Um erstmal einen Standard zu erzeugen.

alxy

FlinkerWiesel

hab selber denn fehler gefunden, Der Tag <p> hat von natur aus das attribut margin auf einem bestimmten Wert ich muss dem <p> nur ein margin: 0px; geben :p Aber droßdem danke für die Hilfe....

Tags