[staffricky]

Hallo Leute,

ich möchte mein logo.gif im header "Mittig" bekommen.

Leider bekommt er nur left und right hin.

Was muss ich eingeben? Bitte um hilfe....



/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }

/* Left & Right alignment */

.left { float:left;}
.right { float:right;}
.wrapper {width:100%; overflow:hidden;}

/* Global properties ================================================== ====== */

body{ background: url(../images/bg_top2.jpg) 0 139px repeat-x #171717; border:0; font:10px Arial, Helvetica, sans-serif; color:#545454; line-height:17px; text-transform:uppercase}

.block {height:134px;}
.extra {min-height:100%; height:auto !important; height:100%; margin: 0 auto -134px;}
body, html {height:100%;}


/* Global Structure ================================================== =========== */

.main { margin: 0 auto; width:1000px; }

.body1{ background: url(../images/bg_top.jpg) top repeat-x;}
.body2{ background:#8fde1f}
.body3{ background:url(../images/bg_footer.jpg) bottom repeat-x}
.body4{ background:url(../images/bg_top_img.jpg) center 139px no-repeat}
/* ============================= main layout ====================== */

a{ color:#7cc515; text-decoration: underline; outline:none}
a:hover{ text-decoration: none}
h1{color:#fff; font-size:18px; padding:9px 0 0 15px; height:100px;}
h2{ font-size:29px; color:#7cc515; text-transform:none; line-height:36px; padding:53px 0 21px 0; letter-spacing:-1px;}
h2 span{ display:block; margin-top:-6px;}
p{ padding-bottom:17px;}

/* ============================= header ====================== */
header{ width:100%; overflow:auto; text-transform:none}

#logo{ float:left; background:url(../images/logo.gif) no-repeat; width:900px; height:100px; text-indent:-5000px;}
#slogan{ padding:0px 0 0 0px; display:inline-block;}


#menu { height:45px; overflow:hidden; padding:0 10px 0 9px; background:url(../images/menu_line.gif) 8px 0 no-repeat; text-transform:none}
#menu li { float:left; padding-right:1px; background:url(../images/menu_line.gif) right top no-repeat;}
#menu li a{ display:block; width:139px; font-size:18px; color:#1e1e1e; line-height:45px; text-decoration:none; text-align:center; background:#8fde1f}
#menu li a:hover{ background:#fff;}

/* ============================= content ====================== */

#content{ padding-top:94px; padding-bottom:30px;}

#content_bg{ background: url(../images/content.jpg) 0 0 no-repeat}
#content_left{overflow:hidden; height:454px; width:100%;}

.marg_right1{ margin-right:20px;}
.pad_left1{ padding-left:55px}
.pad_left2{ padding-left: 35px;}
.pad_bot1{ padding-bottom:17px;}

.img{ width:100%; overflow:hidden; text-transform:none}
.img li{ float: left; padding-right:1px;}
.img li a{ display:block; height:54px; font-size:28px; color:#fff; text-decoration:none; padding:400px 0 0 30px; width:219px;}
.img li a:hover{ color:#8fde1f}

.img1{ background:url(../images/img1.jpg) no-repeat}
.img2{ background:url(../images/img2.jpg) no-repeat}
.img3{ background:url(../images/img3.jpg) no-repeat}
.img4{ background:url(../images/img4.jpg) no-repeat}

.font1{ color:#7cc515;}

#page_name{ float:left;padding:400px 48px 0 30px; font-size:28px; color:#fff; width:209px; text-transform:none}

.link1{ padding-right:10px; background:url(../images/marker_1.gif) right 3px no-repeat}

.list1 li{ line-height:24px;}
.list1 li a{ padding-left:12px; background:url(../images/marker_1.gif) 0 5px no-repeat}

.list2{ width:100%; overflow:hidden; padding:10px 0 18px 0}
.list2 li{ float:left; padding-right:15px;}
.list2 .no_pad{ padding-right:0}
.list2 li a{ display:block; color:#303030; text-decoration:none;;}
.list2 li a:hover{ color:#7cc515}
.list2 span{ line-height:20px; padding:0 0 0 5px}
.list2 img{ padding-bottom:9px;}

.box{ background:#fff;}
.box_top{ background:url(../images/box_border.gif) top repeat-x}
.box_left{ background:url(../images/box_border.gif) left repeat-y}
.box_right{ background:url(../images/box_border.gif) right repeat-y}
.box_bot{ background:url(../images/box_border.gif) bottom repeat-x}
.box_top_left{ background:url(../images/box_top_left.gif) top left no-repeat}
.box_top_right{ background:url(../images/box_top_right.gif) top right no-repeat; width:100%;}
.box_bot_left{ background:url(../images/box_bot_left.gif) bottom left no-repeat}
.box_bot_right{ background:url(../images/box_bot_right.gif) bottom right no-repeat}
.pad{ padding:6px 5px;}

/* ============================= footer ====================== */

footer { height:57px; padding:32px 10px 0 0; font-size:11px; color:#8f8f8f; text-transform:none}
footer a{ color:#8f8f8f}
footer strong{ font-weight:normal; text-transform:uppercase}

/* ============================= forms ============================= */

#ContactForm {}
#ContactForm a{ margin-left:20px; background-position: right 6px; margin-top:4px;}
#ContactForm .input {width:237px; height:13px; border:1px solid #c8c7c2; background:#fff; padding:3px 5px; margin-bottom:9px;color:#545454; text-transform:uppercase; font:10px Arial, Helvetica, sans-serif}
#ContactForm textarea { overflow: auto;width:302px; height:107px; border:1px solid #c8c7c2; background:#fff; padding:3px 5px; margin-bottom:9px;color:#545454; text-transform:uppercase; font:10px Arial, Helvetica, sans-serif}


.col_1{ width:249px; float:left;}
.col_2{ width:314px; float:left; padding-left:50px;}

[Manfred62]

vermutlich musst du hier noch die position angeben:

#logo{ float:left; background:url(../images/logo.gif) 50% no-repeat;...

background-position

bitte nächstes mal besser einen Link (Freehoster) und/oder vollständigen Code posten (in die Code-Tags).

[staffricky]

hy,

danke für die Info. Werde ich nächste mal befolgen.

Leider klappt es nicht.

Eine andere Idee?

MFG

[heiko_rs]

Ja, einen Link zum Problem.