Skip to:
Content
Pages
Categories
Search
Top
Bottom

Re: Newbie needs help with 4 design elements

What I’m looking at needs some work before tackling the detail mentioned above.

at the moment you have a conflict between master elements wanting to be fluid and others fixed, it’s probably easiest to simply let the layout run as fully fluid initially. I would remove or override the default.css body min/max widths and width (you can come back to body later and set appropriate min-width)

You are calling your header graphic twice, decide on one image call and ensure it’s set to no-repeat (unless you want to repeat the name?)

Remove the bottom margin on #header, increase it’s height to 150px set a background color to the blue and a background-position: 0 50%, these are best set as background shorthand declarations.

Personally I would do the #header differently and would always tend to favor a image replacement technique; ‘header would simply have the background color the image would be sliced close cropped to the text and set on a span withing the anchor element that span is then positioned absolute so that it hides the anchor text .

This starts to get the layout looking correct as long as you are after a fluid full width layout; body can always have a min-width to prevent the layout collapsing too far.

As for the main text within .entry I’m afraid the way it’s set out doesn’t easily allow for just that text to be dragged over to the left margin. A quick fix for that would be to remove the left margin from .post-content but add left margin to .post-title and .post-date, better might be to move the .author box into the ..entry div but you’ll need to play around and find what you like best.

Skip to toolbar