Hilfe bei CSS-Problem

Hallo,

Ich habe meine style.css

/**************************************************/
/* Body and Wrapper */
/**************************************************/

body {
background: #000099 url(images/back.png) top center repeat-x;
margin: 0;
padding: 0;
font: normal 8pt/13pt verdana, arial,sans-serif;
}

#wrapper {
margin: 0 auto;
width: 800px;
padding: 0;
text-align: left;
}

/**************************************************/
/* Top Piece */
/**************************************************/

#top {
background: url(images/bgtop.png) top center no-repeat;
width: 800px;
height: 78px;
}

/**************************************************/
/* Content
another wrapper that holds all the content */
/**************************************************/

#content {
background: url(images/bgmiddle.png) center repeat-y;
width: 766px;
height: 100%;
padding: 0px 17px 0px 17px;
}

/**************************************************/
/* All the content */
/**************************************************/

#header {
background: url(images/header.png) top center no-repeat;
width: 746px;
height: 106px;
margin: 0px 0px 10px 0px;
padding: 60px 0px 0px 20px;
color: white;
font-size: 50px;
text-align: ;
}
/* Menu */
#menu {
width: 200px;
height: 100%;
margin-left: 10px;
float: left;
text-align: left;
}

#menu li a {
height: 37px;
voice-family: "\"}\"";
voice-family: inherit;
height: 29px;
text-decoration: none;
text-align: left;
}

#menu li a:link, #menu li a:visited {
color: navy;
display: block;
background: url(images/off.png) top center no-repeat;
padding: 8px 0 0 10px;
height: 29px;
text-align: left;
}

#menu li a:hover {
color: blue;
background: url(images/on.png) top center no-repeat;
padding: 8px 0 0 10px;
height: 29px;
text-align: left;
}

ul {
list-style: none;
margin: 0;
padding: 0;
text-align: left;
}

#stuff {
background: url(images/texttop.png) top left no-repeat;
width: 520px;
margin: 0px 0px 0px 220px;
padding-top: 55px;
border: 2px navy;
}

img {
border: none;
}

/**************************************************/
/* Bottom */
/**************************************************/

#bottom {
background: url(images/bgbottom.png) bottom center no-repeat;
width: 800px;
height: 120px;
}

Und das ist mein ergebniss dabei: http://www.abload.de/image.php?img=1n4ab.png

Wie fülle ich nun das Bild aus??

Ich danke euch für eure Hilfe

Zitat von Unregistriert

Hallo,

Ich habe meine style.css

/**************************************************/
/* Body and Wrapper */
/**************************************************/

body {
background: #000099 url(images/back.png) top center repeat-x;
margin: 0;
padding: 0;
font: normal 8pt/13pt verdana, arial,sans-serif;
}

#wrapper {
margin: 0 auto;
width: 800px;
padding: 0;
text-align: left;
}

/**************************************************/
/* Top Piece */
/**************************************************/

#top {
background: url(images/bgtop.png) top center no-repeat;
width: 800px;
height: 78px;
}

/**************************************************/
/* Content
another wrapper that holds all the content */
/**************************************************/

#content {
background: url(images/bgmiddle.png) center repeat-y;
width: 766px;
height: 100%;
padding: 0px 17px 0px 17px;
}

/**************************************************/
/* All the content */
/**************************************************/

#header {
background: url(images/header.png) top center no-repeat;
width: 746px;
height: 106px;
margin: 0px 0px 10px 0px;
padding: 60px 0px 0px 20px;
color: white;
font-size: 50px;
text-align: ;
}
/* Menu */
#menu {
width: 200px;
height: 100%;
margin-left: 10px;
float: left;
text-align: left;
}

#menu li a {
height: 37px;
voice-family: "\"}\"";
voice-family: inherit;
height: 29px;
text-decoration: none;
text-align: left;
}

#menu li a:link, #menu li a:visited {
color: navy;
display: block;
background: url(images/off.png) top center no-repeat;
padding: 8px 0 0 10px;
height: 29px;
text-align: left;
}

#menu li a:hover {
color: blue;
background: url(images/on.png) top center no-repeat;
padding: 8px 0 0 10px;
height: 29px;
text-align: left;
}

ul {
list-style: none;
margin: 0;
padding: 0;
text-align: left;
}

#stuff {
background: url(images/texttop.png) top left no-repeat;
width: 520px;
margin: 0px 0px 0px 220px;
padding-top: 55px;
border: 2px navy;
}

img {
border: none;
}

/**************************************************/
/* Bottom */
/**************************************************/

#bottom {
background: url(images/bgbottom.png) bottom center no-repeat;
width: 800px;
height: 120px;
}



Und das ist mein ergebniss dabei: http://www.abload.de/image.php?img=1n4ab.png

Wie fülle ich nun das Bild aus??

Ich danke euch für eure Hilfe

Alles anzeigen

Hi auch dir als unregistrierter user lege ich erstmal ans herz dir auch selbst zu helfen.

http://validator.w3.org/check?uri=http…=Inline&group=0

http://jigsaw.w3.org/css-validator/…rning=1&lang=de

Mach mal das es etwas grüüüüüüüüüüner wird wenns denn schon XHTML 1.1. sein muss. DANKE

Egal wo ich hinkomme, Korrekter Quellcode und Validierung scheint nur wenige wirklich zu interessieren, ihr werdet euch bald noch wundern. vielleicht liegts ja hieran http://www.xing.com/net/w3cug/vor-…teurer-2071826/

der code tag hat auch eine berechtigung