PDA

Click to See Complete Forum and Search --> : Gaps in Design

chrismartz
12-20-2006, 07:56 PM
I am having a problem with http://www.christophermartz.com/help/. The problem is the gap between the two gray backgrounds. The background of all of the text should be that gray image. Does anyone see any way to fix the css with the current html so it looks right?
ray326
12-20-2006, 10:09 PM
I think your clearing div needs to be inside the post_body.
chrismartz
12-21-2006, 04:42 PM
That doesn't change anything. I took the div out as well and that didnt' do anything. Any other ideas?
Centauri
12-21-2006, 05:39 PM
Out of 6 background images specified, only two exist on the server.

You also have a few tag closing errors.

Cheers
Graeme
chrismartz
12-22-2006, 08:22 AM
I only pulled over the background images that were necessary for this. I don't want to completely give away my design.
Centauri
12-22-2006, 09:12 AM
I still cannot see which gray image you expect to fill the gap - the 1px high content_bottom.png is only set as background in the #bottom div, and the other content_top_2.png (which includes the navigation bit) is set as background for #top div (which is set at 283px high). There is no other graphic to cover the area in between. I was assuming that maybe the background of #wrap was supposed to do this.
chrismartz
12-23-2006, 06:28 PM
Is there any way for content_top_2.png's div to have another image that fills below the content_top_2.png? Like a background of a background.
WebJoel
12-23-2006, 06:44 PM
I see the 'gaps' in IE, and in Firefox, the gray background is kind of there, -and missing in places... And I just have to comment re: ....I don't want to completely give away my design.
-Is that Queen's English or is "sentance" spelled incorrectly a few dozen times? :) You might want to give that away. :o (Just having a bit of fun here, -I know that it's only filler text).
But other than this, -the page looks very nice. I like the graphic and the layout.
grumpyoldtechs
12-23-2006, 07:42 PM
played about with it but can't seem to find a fix for the problem:

you might find this useful tho:
http://www.lipsum.com/
Centauri
01-01-2007, 05:13 AM
You really need to step back and look at logical groupings. If you want all the centre content grouped with the grey background, make it one div - ie. combine the #top and #bottom divs into one with the content_bottom.png graphic doing background for the lot. The #navigation div can have as it's background just the folded paper graphic, and the post title can be styled to cover full width with the top of the box as its background. There is also no need to float the #latest div, and this will ensure the bottom form is placed correctly.

Much easier to nest elements rather than try to stack and align unrelated elements.

Cheers
Graeme