www.webdeveloper.com
Results 1 to 2 of 2

Thread: Print Stylesheet Shows Narrow Column

  1. #1
    Join Date
    Jan 2013
    Posts
    1

    Print Stylesheet Shows Narrow Column

    Hi everyone,

    I've been playing with my first print stylesheet and it works pretty well, however; I'm having a problem getting the content to span the full width of the page. I've tried many things without success.

    Is anyone able to see a mistake or point me in the right direction?

    Thank you!
    Duncan

    Site: http://www.projectsmart.com

    /* CSS Document */

    @font-face {
    font-family:'baker-signet-bt';
    src:url('http://www.projectsmart.com/baker-signet-bt-webfont.eot');
    src:url('http://www.projectsmart.com/baker-signet-bt-webfont.eot?#iefix') format('embedded-opentype'), url('http://www.projectsmart.com/baker-signet-bt-webfont.woff') format('woff'), url('http://www.projectsmart.com/baker-signet-bt-webfont.ttf') format('truetype'), url('http://www.projectsmart.com/baker-signet-bt-webfont.svg#baker-signet-bt') format('svg');
    font-weight:normal;
    font-style:normal;
    }

    body {
    margin:0 auto;
    padding:0;
    font-family:verdana, arial, sans-serif;
    background:#fff;
    color:#000;
    }

    .title {
    display:block;
    font:normal 2.4em 'BakerSignet BT', Arial, Helvetica, sans-serif!important;
    color:#000;
    border-bottom:none;
    margin-bottom:15px;
    }

    h1, h2, h3 {
    font-family:Arial, Helvetica, sans-serif;
    }

    .post p img {
    display:block;
    max-width:160px;
    height:auto;
    }

    .post h1 {
    font:bold 1.8em "Trebuchet MS", Arial, Helvetica, sans-serif;
    color:#000;
    border-bottom:dotted 1px #666;
    margin-bottom:15px;
    }

    .post blockquote {
    display:block;
    margin-left:26px;
    }

    .post blockquote p {
    display:block;
    padding-left:10px;
    border-left:solid 3px #666;
    }

    .post img.alignright, .ftimg img {
    float:right;
    border:solid 1px #666;
    -moz-border-radius:5px;
    border-radius:5px;
    padding:10px;
    display:block;
    margin:0 0 5px 10px;
    }

    .post .line {
    border-bottom:1px dotted #666;
    color:#fff;
    margin:10px 0 10px 0;
    padding:0 0;
    }

    .post a {
    color:#000;
    text-decoration:none;
    }

    .post .center {
    display:block;
    margin-left:auto;
    margin-right:auto;
    }

    #pagetop, #search, #sidebar, #pagefooter {
    display:none;
    }

  2. #2
    Join Date
    Jan 2013
    Posts
    3
    Hello,
    I'm not an expert but I've taken a look at your site and it appears that div#bodywrap is the element to play with.
    Have you tried setting its width from 1000px to 100% and removing margin auto?
    div#bodywrap
    {
    width: 100%;
    margin: 0px;
    }

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles