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;
}
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
Forum Rules
Bookmarks