Header Runs Off Page: How do I Increase Header Size ?

  • Resolved elitesalesgroup

    (@elitesalesgroup)


    15 years, 1 month ago

    Hello!
    The website is botanicalpharm.com

    I have increased the header size from 150px to 230 px but now it extends of the top of the screen.
    Please tell me which part of the stylesheet I need to adjust so that the entire header will fit.

    I have attached the stylesheet below.

    THANK YOU IN ADVANCE for your help.

    /*
    Theme Name: 3D-Realty
    Theme URI: http://www.rankerzseo.com/themes/index.php?wptheme=3D-Realty
    Description: Flash 3D animation 2-column clean and nice theme. A search engine optimized free wordpress theme designed by Rankerz SEO Company
    Version: 1.0.3
    Tags: valid CSS, valid XHTML, fixed width, white, blue, green, widgets, two columns, animated, 3d, flash, left sidebar, widget ready, real estate, corporate, business

    The CSS/XHTML is released under GPL: http://www.opensource.org/licenses/gpl-license.php

    ——————————————————————————- */

    /* general */
    body{
    margin:0px auto;
    font-size: 12px;
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    color:#000000;
    background: #fff url(images/1bg_bottom_repeat.jpg) repeat-x bottom;
    border:0px yellow solid;
    }

    img {
    border:0px;
    padding:5px;
    max-width: 100%; /* not working in IE6*/
    }
    a {color:#397aca;text-decoration: underline;}
    a:hover {color: #42a514;text-decoration: none;}

    h1 {font-size:30px;}
    h2 {font-size:26px;}
    h3 {font-size:21px;}
    h4 {font-size:17px;}
    h5 {font-size:14px;}
    h6 {font-size:12px;}

    p {margin: 0px 0px 12px 0px;}
    hr {height:1px;border:none;border-top:1px dashed #397aca; width:90%;}

    blockquote {
    clear: left;
    text-align: justify;
    padding: 0px 0px 0px 22px;
    margin: 10px 10px 10px 10px;
    background: url(images/quote.gif) no-repeat top left;
    }
    input {
    margin-bottom:5px;
    vertical-align: middle;
    }
    select{
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    }
    code{
    font: 1.1em ‘Courier New’, Courier, Fixed;
    }
    .alignleft {float: left;}
    .alignright {float: right;}
    .aligncenter,div.aligncenter{
    display: block;
    margin-left: auto;
    margin-right: auto;
    }
    img.alignleft {
    padding: 5px;
    margin: 0 7px 2px 0;
    display: inline;
    }

    img.alignright {
    padding: 5px;
    margin: 0 0 2px 7px;
    display: inline;
    }
    img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
    }
    .clear {clear:both;}
    .spacer {height:20px;}
    /***** layout *****/
    #page_top{
    margin:0px auto;
    padding:0;
    width:100%;
    background: url(images/bg_top.jpg) no-repeat top center;
    border:0px blue solid;
    }

    #base{
    margin:0 auto;
    padding:0;
    width:894px;
    background: url(images/bg_repeat.png) repeat-y center;
    padding:0 28px 0 28px;
    border:0px red solid;
    }

    #header {
    position:relative;
    width: 100%;
    height: 69px;
    background:#fff url(‘images/header_bg2.png’) no-repeat bottom;
    padding: 0px 00px 65px 0px;
    }
    #menu{
    position:relative;
    width: 100%;
    height: 42px;
    background:url(‘images/menu_bg.jpg’) no-repeat left;
    }/*
    Theme Name: 3D-Realty
    Theme URI: http://www.rankerzseo.com/themes/index.php?wptheme=3D-Realty
    Description: Flash 3D animation 2-column clean and nice theme. A search engine optimized free

    wordpress theme designed by Rankerz SEO Company
    Version: 1.0.3
    Tags: valid CSS, valid XHTML, fixed width, white, blue, green, widgets, two columns, animated, 3d, flash, left

    sidebar, widget ready, real estate, corporate, business

    The CSS/XHTML is released under GPL: http://www.opensource.org/licenses/gpl-license.php

    ——————————————————————————- */

    /* general */
    body{
    margin:0px auto;
    font-size: 12px;
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    color:#000000;
    background: #fff url(images/1bg_bottom_repeat.jpg) repeat-x bottom;
    border:0px yellow solid;
    }

    img {
    border:0px;
    padding:5px;
    max-width: 100%; /* not working in IE6*/
    }
    a {color:#397aca;text-decoration: underline;}
    a:hover {color: #42a514;text-decoration: none;}

    h1 {font-size:30px;}
    h2 {font-size:26px;}
    h3 {font-size:21px;}
    h4 {font-size:17px;}
    h5 {font-size:14px;}
    h6 {font-size:12px;}

    p {margin: 0px 0px 12px 0px;}
    hr {height:1px;border:none;border-top:1px dashed #397aca; width:90%;}

    blockquote {
    clear: left;
    text-align: justify;
    padding: 0px 0px 0px 22px;
    margin: 10px 10px 10px 10px;
    background: url(images/quote.gif) no-repeat top left;
    }
    input {
    margin-bottom:5px;
    vertical-align: middle;
    }
    select{
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    }
    code{
    font: 1.1em ‘Courier New’, Courier, Fixed;
    }
    .alignleft {float: left;}
    .alignright {float: right;}
    .aligncenter,div.aligncenter{
    display: block;
    margin-left: auto;
    margin-right: auto;
    }
    img.alignleft {
    padding: 5px;
    margin: 0 7px 2px 0;
    display: inline;
    }

    img.alignright {
    padding: 5px;
    margin: 0 0 2px 7px;
    display: inline;
    }
    img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
    }
    .clear {clear:both;}
    .spacer {height:20px;}
    /***** layout *****/
    #page_top{
    margin:0px auto;
    padding:0;
    width:100%;
    background: url(images/bg_top.jpg) no-repeat top center;
    border:0px blue solid;
    }

    #base{
    margin:0 auto;
    padding:0;
    width:894px;
    background: url(images/bg_repeat.png) repeat-y center;
    padding:0 28px 0 28px;
    border:0px red solid;
    }

    #header {
    position:relative;
    width: 100%;
    height: 69px;
    background:#fff url(‘images/header_bg2.png’) no-repeat bottom;
    padding: 15px 00px 65px 0px;
    }
    #menu{
    position:relative;
    width: 100%;
    height: 42px;
    background:url(‘images/menu_bg.jpg’) no-repeat left;
    }
    #container{
    position:relative;
    overflow:hidden;
    width:894px;
    background:url(‘images/container_repeat.jpg’) repeat-y top center;
    }
    #sidebar{
    float:left;
    width:220px;
    overflow:hidden;
    color:#397aca;
    padding:20px 0 0px 0px;
    border:0px red solid;
    }
    #content{
    float:right;
    display:inline;
    width:605px;
    overflow:hidden;
    padding: 0 15px 0 10px;
    border:0px red solid;
    }
    #footer{
    clear:both;
    position:relative;
    background:#666;
    height:47px;
    color:#397aca;
    font-size:11px;
    font-family:Verdana, Arial;
    padding: 30px 20px 10px 50px;
    background:url(‘images/footer_bg.jpg’) repeat-x;
    }
    #footer a,#footer a:hover{
    color:#666;
    text-decoration:underline;
    }
    /*######### header ############*/
    #blogtitle {
    position:absolute;
    top:8px;
    padding-left:3px;
    width:894px;
    font-family: Arial,Verdana;
    font-size:30px;
    font-weight:bold;
    text-align:left;
    color:#397aca;
    border:0px red solid;
    overflow:hidden;

    }

    #blogtitle a, #blogtitle a:hover {
    font-family: Arial, Verdana;
    font-weight:bold;
    color:#397aca;
    text-decoration:none;
    }

    #subtitle {
    position:absolute;
    overflow:hidden;
    font-family: Tahoma,Arial, Verdana;
    width:894px;
    height:45px;
    top:40px;
    text-align:left;
    font-size:13px;
    letter-spacing: 2px;
    color: #42a514;
    font-style:italic;
    border:0px red solid;
    line-height:1.1em;
    padding-left:3px;
    }
    #menu ul {
    position:absolute;
    top: 0px;
    left: 30px;
    height: 34px;
    width: 550px;
    overflow:hidden;
    margin:0px;
    padding:0px;

    }
    #menu ul li {
    display: inline;
    font-size: 13px;
    font-family:Verdana,Arial;
    font-weight: bold;
    color:#000000;
    }
    #menu ul li.separator {
    display: block;
    float: left;
    width:3px;
    height: 34px;
    background:url(images/menu_separate.jpg) no-repeat center;
    }

    #menu ul li a {
    display: block;
    float: left;
    line-height: 34px;
    color: #42a514;
    padding: 0px 10px 0px 10px;
    margin:0px 0 0 0 ;
    text-decoration:none;
    }

    #menu ul li a:hover, #menu ul li.current_page_item a {
    color:#397aca;
    }
    .searchbox {
    position:absolute;
    top:1px;
    right: 45px;
    width:250px;
    height:30px;
    border:0px;
    }
    .search-field input {
    position:absolute;
    top:5px;
    left:7px;
    width:172px;
    height:15px;
    font-family:Verdana;
    font-size:11px;
    font-weight:bold;
    color:#999999;
    padding:5px 3px 3px 3px;
    border:0px;
    background:#ffffff;
    }
    .search-but input {
    position:absolute;
    top:7px;
    right:5px;
    width:50px;
    height:20px;
    background:transparent;
    border:0px;
    }
    #footer img.rss{
    position: absolute;
    right: 52px;
    top: 2px;
    height:75px;
    width:70px;
    }

    /***** sidebar *****/
    #sidebar a{color:#397aca;text-decoration:underline;}
    #sidebar a:hover {color:#42a514;text-decoration:none;}
    #sidebar ul {
    list-style-type: none;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-family:Verdana,Arial;
    }
    #sidebar li {
    list-style-type: none;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-family:Verdana,Arial;

    }
    #sidebar ul ul li{
    position: relative;
    line-height: 1.7em;
    list-style-type: none;
    font-size:12px;
    border:0px red solid;
    font-family:Verdana,Arial;
    margin: 0px 0px 0px 5px;
    padding:0 5px 0 16px;
    background: url(‘images/sidebar_arrow.jpg’) no-repeat 0px 4px;
    }

    #sidebar ul ul ul li {
    position: relative;
    list-style-type: none;
    font-size:12px;
    border:0px;
    margin: 0px 0px 0px 0px;
    line-height: 1.7em;
    font-family:Verdana,Arial;
    background: url(‘images/sidebar_arrow.jpg’) no-repeat 0px 4px;
    padding: 0px 0px 0px 16px;
    }

    #sidebar h1 {
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 1px;
    margin: 10px 0px 0px 0px;
    padding: 12px 0px 0px 22px;
    height: 30px;
    font-family:Verdana,Arial;
    background:url(‘images/sidebar_title.jpg’) no-repeat center;
    border:0px red solid;
    }
    #sidebar select{
    margin:5px 0px 2px 5px;
    font-size:12px;
    width:200px;
    overflow:hidden;
    }

    /***** content *****/

    .archivetitle {
    height:20px;
    color: #666;
    font-size: 11px;
    font-weight:normal;
    padding: 10px 0px 10px 5px;
    margin: 0px 0px 0px 0px;
    }
    .post{
    width:605px;
    margin:0 0 20px 0;
    border:0px red solid;
    }

    .post_top{
    position: relative;
    border-right: 3px #42a514 solid;
    border-bottom: 1px #42a514 dotted;
    height:40px;
    /*background: #f6f6f6;*/
    }
    .post_bottom{
    margin: 0 50px 0 50px;
    height:3px;
    background:url(images/line.jpg) repeat-x bottom;
    }
    .posttitle{
    position:absolute;
    top:0px;
    left:5px;
    font-size:18px;
    font-family:arial;
    color:#397aca;
    border:0px red solid;

    }
    .posttitle a{
    font-family:arial;
    color:#397aca;
    text-decoration:none;
    }
    .posttitle a:hover{
    font-family:arial;
    text-decoration:underline;
    color:#42a514;
    }
    .date {
    position:absolute;
    font-family:arial;
    top:24px;
    right: 20px;
    font-size: 10px;
    padding: 0px 0px 0px 0px;
    }
    .author{
    position:absolute;
    font-family:arial;
    font-size:11px;
    top:24px;
    left:5px;
    }
    .author a{
    text-decoration:none;
    }
    .author a:hover{
    text-decoration:underline;
    }
    .info {
    line-height: 2em;
    font-size: 9px;
    padding:10px 10px 5px 10px;
    color:#000000;
    border:0px red solid;
    }
    .category{
    padding:2px 0 2px 20px;
    background:url(images/category.jpg) no-repeat top left;
    }
    .bubble{
    padding:2px 0 2px 20px;
    background:url(images/bubble.jpg) no-repeat left top;
    }
    .tags{
    padding:2px 0 2px 20px;
    background:url(images/tags.jpg) no-repeat left top;
    }

    .entry {
    color: #000000;
    line-height: 1.6em;
    text-align: justify;
    padding: 5px 15px 0px 15px;
    }

    .navigation {
    font-size: 12px;
    padding: 30px 0px 30px 0px;
    }

    .sorry {
    font-size: 11px;
    font-style: italic;
    margin: 8px 0px 0px 0px;
    padding: 10px 10px 10px 10px;
    border: 1px dashed #ccc;
    background:#ffffff;
    }

    /*** comment ***/
    #postmetadata {
    font-size: 11px;
    margin: 10px 0px 20px 0px;
    padding: 5px 5px 5px 5px;
    }
    #comments{
    padding:0 20px 0 20px;
    }
    .nocomments {background: none; color: #000000;}

    .commenttitle {
    color: #000000;
    font-size: 13px;
    text-align: left;
    font-weight: bold;
    margin: 0px 0 20px 0;
    padding: 2px 0px 2px 0px;
    font-variant: normal;
    border-bottom: 1px dashed #397aca;
    }
    .commentlist {list-style: none;margin:0px;padding:0px;}

    .commentbody {
    height:100%;
    color: #000000;
    font-size: 12px;
    list-style-type: none;
    margin: 0px 0px 10px 0px;
    padding: 0px 5px 1px 5px;
    border: 0px solid #397aca;
    background:#E1E1E1;
    }

    .commenthead {
    height:34px;
    color: #000000;
    padding: 5px 0px 10px 0px;
    margin: 0px 0px 10px 0px;
    border-bottom: 1px dashed #666;
    background:#E1E1E1;
    }
    .adminbody {
    height:100%;
    color: #000000;
    font-size: 12px;
    list-style-type: none;
    margin: 0px 0px 10px 15px;
    padding: 0px 5px 1px 5px;
    border: 0px solid #666;
    background:#E1E1E1;
    }
    .adminhead {
    height:32px;
    color: #000000;
    margin: 0px 0px 5px 0px;
    padding: 5px 0px 5px 0px;
    border-bottom: 1px dashed #666;
    background:#E1E1E1;
    }
    .trackhead {
    height:34px;
    color: #000000;
    margin: 0px 0px 10px 0px;
    padding: 5px 0px 10px 40px;
    border-bottom: 1px dashed #666;
    background: #E1E1E1 url(images/track.gif) no-repeat center left;
    }
    .trackbody {
    height:100%;
    color: #000000;
    font-size:12px;
    list-style-type: none;
    margin: 0px 0px 10px 0px;
    padding: 0px 5px 1px 5px;
    border: 0px dashed #666;
    background:#E1E1E1;
    }

    .avatar {
    float: left;
    margin: 0px 5px 0px 0px;
    padding: 0px;
    background: #ffffff;
    }
    .commentcount {
    float: right;
    color: #aaaaaa;
    font-size: 20px;
    margin: 0px 0px 0px 0px;
    padding: 5px 0px 0px 0px;
    font-family: Georgia, Times, ‘Times New Roman’, serif;
    }
    .authorlink {color: #000000; font-size: 12px; font-weight: bold;line-height:1.5em;}
    .authorlink a {color: #000000; font-size: 12px; font-weight: bold;line-height:1.5em;}
    .commentlink {font-size: 10px; color: #000000;}

    .trackbody p a {color: #000000;}

    #commentform {
    margin:0;
    padding:20px 0 0 0;
    }
    #email, #author, #url {
    color: #000000;
    background: #ffffff;
    font-size: 12px;
    padding-left: 2px;
    vertical-align: middle;
    border: 1px solid #397aca;
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    }
    #comment {
    width: 500px;
    color: #000000;
    font-size: 12px;
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    border: 1px solid #397aca;
    padding: 2px 2px 2px 2px;
    }
    #submit {
    width: 80px;
    height: 20px;
    color: #000000;
    font-size: 12px;
    background: #ffffff;
    margin: 0px 0px 0px 0px;
    padding: 0px 10px 2px 10px;
    border: 1px solid #397aca;
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    }

    /***** widget *****/
    #wp-calendar td {font-size:11px;color:#999999;}
    #wp-calendar td a {font-weight:bold;text-decoration:underline;}
    #wp-calendar {
    width: 210px;
    text-align: center;
    font-size:11px;
    color:#397aca;
    }
    .wp-caption { /*images caption*/
    text-align: center;
    color:#666666;
    }

    .textwidget { /*text box*/
    margin:5px 0px 5px 5px;
    }

    #akismetwrap{
    margin:2px 0 2px 45px;
    }
    .rsswidget img {
    margin-top:2px;
    margin-left:-15px;
    padding:0px;
    background:#ff0 fixed;
    }

    #sidebar h1 a.rsswidget{
    margin-left:-3px;
    color: #42a514;
    text-decoration:none;
    }
    #container{
    position:relative;
    overflow:hidden;
    width:894px;
    background:url(‘images/container_repeat.jpg’) repeat-y top center;
    }
    #sidebar{
    float:left;
    width:220px;
    overflow:hidden;
    color:#397aca;
    padding:20px 0 0px 0px;
    border:0px red solid;
    }
    #content{
    float:right;
    display:inline;
    width:605px;
    overflow:hidden;
    padding: 0 15px 0 10px;
    border:0px red solid;
    }
    #footer{
    clear:both;
    position:relative;
    background:#666;
    height:47px;
    color:#397aca;
    font-size:11px;
    font-family:Verdana, Arial;
    padding: 30px 20px 10px 50px;
    background:url(‘images/footer_bg.jpg’) repeat-x;
    }
    #footer a,#footer a:hover{
    color:#666;
    text-decoration:underline;
    }
    /*######### header ############*/
    #blogtitle {
    position:absolute;
    top:1px;
    padding-left:3px;
    width:894px;
    font-family: Arial,Verdana;
    font-size:30px;
    font-weight:bold;
    text-align:left;
    color:#397aca;
    border:0px red solid;
    overflow:hidden;

    }

    #blogtitle a, #blogtitle a:hover {
    font-family: Arial, Verdana;
    font-weight:bold;
    color:#397aca;
    text-decoration:none;
    }

    #subtitle {
    position:absolute;
    overflow:hidden;
    font-family: Tahoma,Arial, Verdana;
    width:894px;
    height:45px;
    top:40px;
    text-align:left;
    font-size:13px;
    letter-spacing: 2px;
    color: #42a514;
    font-style:italic;
    border:0px red solid;
    line-height:1.1em;
    padding-left:3px;
    }
    #menu ul {
    position:absolute;
    top: 0px;
    left: 30px;
    height: 34px;
    width: 550px;
    overflow:hidden;
    margin:0px;
    padding:0px;

    }
    #menu ul li {
    display: inline;
    font-size: 13px;
    font-family:Verdana,Arial;
    font-weight: bold;
    color:#000000;
    }
    #menu ul li.separator {
    display: block;
    float: left;
    width:3px;
    height: 34px;
    background:url(images/menu_separate.jpg) no-repeat center;
    }

    #menu ul li a {
    display: block;
    float: left;
    line-height: 34px;
    color: #42a514;
    padding: 0px 10px 0px 10px;
    margin:0px 0 0 0 ;
    text-decoration:none;
    }

    #menu ul li a:hover, #menu ul li.current_page_item a {
    color:#397aca;
    }
    .searchbox {
    position:absolute;
    top:1px;
    right: 45px;
    width:250px;
    height:30px;
    border:0px;
    }
    .search-field input {
    position:absolute;
    top:5px;
    left:7px;
    width:172px;
    height:15px;
    font-family:Verdana;
    font-size:11px;
    font-weight:bold;
    color:#999999;
    padding:5px 3px 3px 3px;
    border:0px;
    background:#ffffff;
    }
    .search-but input {
    position:absolute;
    top:7px;
    right:5px;
    width:50px;
    height:20px;
    background:transparent;
    border:0px;
    }
    #footer img.rss{
    position: absolute;
    right: 52px;
    top: 2px;
    height:75px;
    width:70px;
    }

    /***** sidebar *****/
    #sidebar a{color:#397aca;text-decoration:underline;}
    #sidebar a:hover {color:#42a514;text-decoration:none;}
    #sidebar ul {
    list-style-type: none;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-family:Verdana,Arial;
    }
    #sidebar li {
    list-style-type: none;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-family:Verdana,Arial;

    }
    #sidebar ul ul li{
    position: relative;
    line-height: 1.7em;
    list-style-type: none;
    font-size:12px;
    border:0px red solid;
    font-family:Verdana,Arial;
    margin: 0px 0px 0px 5px;
    padding:0 5px 0 16px;
    background: url(‘images/sidebar_arrow.jpg’) no-repeat 0px 4px;
    }

    #sidebar ul ul ul li {
    position: relative;
    list-style-type: none;
    font-size:12px;
    border:0px;
    margin: 0px 0px 0px 0px;
    line-height: 1.7em;
    font-family:Verdana,Arial;
    background: url(‘images/sidebar_arrow.jpg’) no-repeat 0px 4px;
    padding: 0px 0px 0px 16px;
    }

    #sidebar h1 {
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 1px;
    margin: 10px 0px 0px 0px;
    padding: 12px 0px 0px 22px;
    height: 30px;
    font-family:Verdana,Arial;
    background:url(‘images/sidebar_title.jpg’) no-repeat center;
    border:0px red solid;
    }
    #sidebar select{
    margin:5px 0px 2px 5px;
    font-size:12px;
    width:200px;
    overflow:hidden;
    }

    /***** content *****/

    .archivetitle {
    height:20px;
    color: #666;
    font-size: 11px;
    font-weight:normal;
    padding: 10px 0px 10px 5px;
    margin: 0px 0px 0px 0px;
    }
    .post{
    width:605px;
    margin:0 0 20px 0;
    border:0px red solid;
    }

    .post_top{
    position: relative;
    border-right: 3px #42a514 solid;
    border-bottom: 1px #42a514 dotted;
    height:40px;
    /*background: #f6f6f6;*/
    }
    .post_bottom{
    margin: 0 50px 0 50px;
    height:3px;
    background:url(images/line.jpg) repeat-x bottom;
    }
    .posttitle{
    position:absolute;
    top:0px;
    left:5px;
    font-size:18px;
    font-family:arial;
    color:#397aca;
    border:0px red solid;

    }
    .posttitle a{
    font-family:arial;
    color:#397aca;
    text-decoration:none;
    }
    .posttitle a:hover{
    font-family:arial;
    text-decoration:underline;
    color:#42a514;
    }
    .date {
    position:absolute;
    font-family:arial;
    top:24px;
    right: 20px;
    font-size: 10px;
    padding: 0px 0px 0px 0px;
    }
    .author{
    position:absolute;
    font-family:arial;
    font-size:11px;
    top:24px;
    left:5px;
    }
    .author a{
    text-decoration:none;
    }
    .author a:hover{
    text-decoration:underline;
    }
    .info {
    line-height: 2em;
    font-size: 9px;
    padding:10px 10px 5px 10px;
    color:#000000;
    border:0px red solid;
    }
    .category{
    padding:2px 0 2px 20px;
    background:url(images/category.jpg) no-repeat top left;
    }
    .bubble{
    padding:2px 0 2px 20px;
    background:url(images/bubble.jpg) no-repeat left top;
    }
    .tags{
    padding:2px 0 2px 20px;
    background:url(images/tags.jpg) no-repeat left top;
    }

    .entry {
    color: #000000;
    line-height: 1.6em;
    text-align: justify;
    padding: 5px 15px 0px 15px;
    }

    .navigation {
    font-size: 12px;
    padding: 30px 0px 30px 0px;
    }

    .sorry {
    font-size: 11px;
    font-style: italic;
    margin: 8px 0px 0px 0px;
    padding: 10px 10px 10px 10px;
    border: 1px dashed #ccc;
    background:#ffffff;
    }

    /*** comment ***/
    #postmetadata {
    font-size: 11px;
    margin: 10px 0px 20px 0px;
    padding: 5px 5px 5px 5px;
    }
    #comments{
    padding:0 20px 0 20px;
    }
    .nocomments {background: none; color: #000000;}

    .commenttitle {
    color: #000000;
    font-size: 13px;
    text-align: left;
    font-weight: bold;
    margin: 0px 0 20px 0;
    padding: 2px 0px 2px 0px;
    font-variant: normal;
    border-bottom: 1px dashed #397aca;
    }
    .commentlist {list-style: none;margin:0px;padding:0px;}

    .commentbody {
    height:100%;
    color: #000000;
    font-size: 12px;
    list-style-type: none;
    margin: 0px 0px 10px 0px;
    padding: 0px 5px 1px 5px;
    border: 0px solid #397aca;
    background:#E1E1E1;
    }

    .commenthead {
    height:34px;
    color: #000000;
    padding: 5px 0px 10px 0px;
    margin: 0px 0px 10px 0px;
    border-bottom: 1px dashed #666;
    background:#E1E1E1;
    }
    .adminbody {
    height:100%;
    color: #000000;
    font-size: 12px;
    list-style-type: none;
    margin: 0px 0px 10px 15px;
    padding: 0px 5px 1px 5px;
    border: 0px solid #666;
    background:#E1E1E1;
    }
    .adminhead {
    height:32px;
    color: #000000;
    margin: 0px 0px 5px 0px;
    padding: 5px 0px 5px 0px;
    border-bottom: 1px dashed #666;
    background:#E1E1E1;
    }
    .trackhead {
    height:34px;
    color: #000000;
    margin: 0px 0px 10px 0px;
    padding: 5px 0px 10px 40px;
    border-bottom: 1px dashed #666;
    background: #E1E1E1 url(images/track.gif) no-repeat center left;
    }
    .trackbody {
    height:100%;
    color: #000000;
    font-size:12px;
    list-style-type: none;
    margin: 0px 0px 10px 0px;
    padding: 0px 5px 1px 5px;
    border: 0px dashed #666;
    background:#E1E1E1;
    }

    .avatar {
    float: left;
    margin: 0px 5px 0px 0px;
    padding: 0px;
    background: #ffffff;
    }
    .commentcount {
    float: right;
    color: #aaaaaa;
    font-size: 20px;
    margin: 0px 0px 0px 0px;
    padding: 5px 0px 0px 0px;
    font-family: Georgia, Times, ‘Times New Roman’, serif;
    }
    .authorlink {color: #000000; font-size: 12px; font-weight: bold;line-height:1.5em;}
    .authorlink a {color: #000000; font-size: 12px; font-weight: bold;line-height:1.5em;}
    .commentlink {font-size: 10px; color: #000000;}

    .trackbody p a {color: #000000;}

    #commentform {
    margin:0;
    padding:20px 0 0 0;
    }
    #email, #author, #url {
    color: #000000;
    background: #ffffff;
    font-size: 12px;
    padding-left: 2px;
    vertical-align: middle;
    border: 1px solid #397aca;
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    }
    #comment {
    width: 500px;
    color: #000000;
    font-size: 12px;
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    border: 1px solid #397aca;
    padding: 2px 2px 2px 2px;
    }
    #submit {
    width: 80px;
    height: 20px;
    color: #000000;
    font-size: 12px;
    background: #ffffff;
    margin: 0px 0px 0px 0px;
    padding: 0px 10px 2px 10px;
    border: 1px solid #397aca;
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    }

    /***** widget *****/
    #wp-calendar td {font-size:11px;color:#999999;}
    #wp-calendar td a {font-weight:bold;text-decoration:underline;}
    #wp-calendar {
    width: 210px;
    text-align: center;
    font-size:11px;
    color:#397aca;
    }
    .wp-caption { /*images caption*/
    text-align: center;
    color:#666666;
    }

    .textwidget { /*text box*/
    margin:5px 0px 5px 5px;
    }

    #akismetwrap{
    margin:2px 0 2px 45px;
    }
    .rsswidget img {
    margin-top:2px;
    margin-left:-15px;
    padding:0px;
    background:#ff0 fixed;
    }

    #sidebar h1 a.rsswidget{
    margin-left:-3px;
    color: #42a514;
    text-decoration:none;
    }

Viewing 2 replies - 1 through 2 (of 2 total)
  • stvwlf

    (@stvwlf)

    15 years, 1 month ago

    Hi

    Please don’t paste 3 feet of code into your posts. Its completely unnecessary. Plus, when you do paste code, please highlight it and then click the code button. Otherwise the forum interprets part of your code as HTML instead of accurately displaying it.

    If you make your header section on line 215 look like this, it will work the way you want.

    #header {
background:#FFFFFF url(images/header_bg2.png) no-repeat scroll center bottom;
height:200px;
padding:0;
position:relative;
width:100%;
}

    If you are going to be doing web development, check out the Firefox extension called Firebug – it will save you a lot of time

    Thread Starter elitesalesgroup

    (@elitesalesgroup)

    15 years, 1 month ago

    Thank you very much! This worked perfectly.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Header Runs Off Page: How do I Increase Header Size ?’ is closed to new replies.