Hallo,
seit Tagen versuche ich den oberen grauen Rahmen einer Webseite nach unten zu erweitern, sprich größer zu machen und finde einfach die passende Stelle in der CSS nicht, habt ihr Rat? Danke Im Voraus!
Hier ein Screenshot und die CSS:
[HTML]/* 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:#e4e4e5;border:0;font:14px Open Sans;color:#818181;line-height:22px}
.ic, .ic a {border:0;float:right;background:#fff;color:#f00;width:50%;line-height:10px;font-size:10px;margin:-220% 0 0 0;overflow:hidden;padding:0}
.main { margin:0 auto; width:1150px}
.body1 {background:url(…/images/bg_top.gif) top repeat-x #ffffff}
.body2 {background:#e6e6e6;border-bottom:1px solid #4e4e4e}
/ main layout /
a {color:#3399ff;text-decoration:none;outline:none}
a:hover {text-decoration:none}
h1 {float:left;padding:23px 0 0 0px}
h2 {font-size:17px;color:#4e4f4f;line-height:1.2em;padding:36px 0 21px 0;letter-spacing:0px}
h2.pad_bot1 {padding-bottom:11px;}
h2.pad_top1 {padding-top:10px}
h3 {font-size:12px;line-height:1.0em;color:#6c7981;padding:4px 0 0px 0;letter-spacing:0px}
p {padding-bottom:18px}
/ header /
header {height:5px;width:100%;overflow:hidden;background:url(…/images/bg_header3.jpg) center 131px no-repeat}
#top_nav {float:right;padding:5px 20px 0 0}
#top_nav li {float:left;padding-right:8px;margin-right:7px;background:url(…/images/line_top.gif) right 5px no-repeat}
#top_nav li a {color:#000;text-decoration:none;font-size:12px}
#top_nav li a:hover {text-decoration:underline}
#top_nav .end {padding-right:0;margin-right:0;background:none}
.date {float:left;font-size:12px;color:#000;padding:5px 0 0 32px}
#logo {display:block;background:url(…/images/logo.png) 0 0 no-repeat;width:0px;height:0px;text-indent:-9999px}
#menu {float:left;padding:45px 0 0 0}
#menu li {float:left;padding-right:46px}
#menu li:last-child { padding: 0; }
#menu li a {display:block;font-size:16px;color:#afbfc7;text-decoration:none;line-height:37px;background:url(…/images/) top repeat-x;height:39px;overflow:hidden;cursor:pointer}
#menu li a span {display:block;background:url(…/images/) top left no-repeat}
#menu li a span span {background:url(…/images/) top right no-repeat;padding:0 0px;height:0px}
#menu li a:hover, #menu #menu_active a {color:#afbfc7;background:url(…/images/) top repeat-x}
#menu li a:hover span, #menu #menu_active a span {background:url(…/images/) top left no-repeat}
#menu li a:hover span span, #menu #menu_active a span span {background:url(…/images/) top right no-repeat}
#menu .nav3 a:hover, #menu .nav3#menu_active a {background:url(…/images/) top repeat-x}
#menu .nav3 a:hover span, #menu .nav3#menu_active a span {background:url(…/images/) top left no-repeat}
#menu .nav3 a:hover span span, #menu .nav3#menu_active a span span {background:url(…/images/) top right no-repeat}
#menu .nav4 a:hover, #menu .nav4#menu_active a {background:url(…/images/) top repeat-x}
#menu .nav4 a:hover span, #menu .nav4#menu_active a span {background:url(…/images/) top left no-repeat}
#menu .nav4 a:hover span span, #menu .nav4#menu_active a span span {background:url(…/images/) top right no-repeat}
#menu .nav5 a:hover, #menu .nav5#menu_active a {background:url(…/images/) top repeat-x}
#menu .nav5 a:hover span, #menu .nav5#menu_active a span {background:url(…/images/) top left no-repeat}
#menu .nav5 a:hover span span, #menu .nav5#menu_active a span span {background:url(…/images/) top right no-repeat}
.text {font-size:20px;line-height:1.2em;color:#fff;padding:0px 0 0 0px;letter-spacing:-1px;float:left;width:340px;position:relative}
.text p span {display:block;margin-top:-4px}
.text p {padding-left:5px;padding-bottom:0px}
.text .tittle {font-size:75px;line-height:1.2em;display:block;letter-spacing:-2px;margin-bottom:-10px}
.text .tittle span {font-size:46px;line-height:1.2em;color:#000;display:block;margin-top:-22px;letter-spacing:-1px}
.text .button1 {display:block;position:absolute;top:295px;left:49px;background:url(…/images/button_1.png) 0 0 no-repeat;width:158px;height:56px;text-align:center;font-size:24px;line-height:46px;color:#3d6c00;text-transform:uppercase;text-decoration:none}
.text .button1:hover {color:#000}
.roundabout-holder { height:5em}
.roundabout-moveable-item {cursor:pointer;width:394px;height:307px;margin-top:178px;padding-bottom:20px}
.roundabout-in-focus {cursor:auto}
#gallery {position:relative;height:413px;width:530px;float:right;padding-right:30px}
#gallery img {display:block;width:100%;height:100%}
#gallery li {background:url(…/images/img_bg.png) center 2px no-repeat;overflow:hidden}
/ content /
#content {padding-bottom:48px;width:100%;margin-left:7%;overflow:hidden}
#content2 {padding-bottom:49px;width:100%;overflow:hidden}
.marg_right1 {margin-right:19px}
.pad_bot1 {padding-bottom:6px;font-weight:600}
.pad_bot2 {padding-bottom:18px}
.pad_bot3 {padding-bottom:12px;font-weight:100}
.pad_top1 {padding-top:6px;}
.pad_left1 {padding-left:40px}
.color1 {color:#000}
.link1 {text-decoration:none}
.link1:hover {color:#76a300}
.button {display:inline-block;background:url(…/images/button_2.png) 0 0 no-repeat;width:129px;height:44px;font-weight:bold;text-align:center;text-decoration:none;line-height:36px}
.button:hover {color:#76a300}
.list1 li {font-size:12px;line-height:24px}
.list1 li a {padding-left:8px;background:url(…/images/marker_1.gif) 0 5px no-repeat}
.list2 {margin-top:-6px}
.list2 li {line-height:24px}
.list2 li a {padding-left:8px;background:url(…/images/marker_1.gif) 0 5px no-repeat}
#newsletter {}
#newsletter .bg {background:url(…/images/newsletter_input.png) 0 0 no-repeat;min-height:43px}
#newsletter .input {background:none;padding:7px 10px;width:231px;font-size:12px;font-family:Arial,Helvetica,sans-serif;color:#c0c0c0;height:14px}
#icons {}
#icons li {line-height:24px;font-size:12px}
#icons img {float:left;margin-right:10px;margin-top:4px}
.address {line-height:24px;font-size:12px}
.address span {width:57px;float:left;color:#000}
.address a {color:#76a300}
/ footer /
footer {color:#aaa;font-size:9px;font-weight:100;padding:27px 0 36px 0;text-align:center;width:100%;overflow:hidden}
footer a {color:#696c72}
footer a:hover {}
/ forms ======= */
#ContactForm {padding-top:1px}
#ContactForm span {float:left;width:94px;line-height:28px;color:#000}
#ContactForm .wrapper {min-height:34px}
#ContactForm .bg {float:left;background:#fff;border-left:1px solid #bfbfbf;border-top:1px solid #bfbfbf;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;position:relative}
#ContactForm .textarea_box {height:230px;width:100%;overflow:hidden}
#ContactForm a {margin-left:2px;float:right}
#ContactForm .input {width:230px;background:none;padding:6px 10px;font-size:12px;font-family:Arial,Helvetica,sans-serif;color:#c0c0c0;height:15px;margin:0}
#ContactForm textarea {overflow:auto;width:434px;background:none;padding:6px 10px;font-size:12px;font-family:Arial,Helvetica,sans-serif;color:#c0c0c0;height:207px;margin:0}[/HTML]