+972 52-548-6969
Blog Design Help
time to read 1 min | 98 words
I have been using the blog skin for the last two years or so, and I really like the look & fell of the blog. There is a problem, however, with some of my posts on 1024x768. I got several complaints about it, but all the "easy" solutions that I have tried are not really working well.
So, I decided to ask your help :-)
You can get the blog skin here: http://www.ayende.com/Files/BlogSkin.zip It is a standard SubText skin, and I only want one thing, to get it to work reliabely on 1024x768.
Thanks in advance...
Comments
Ayende,
I looked at your page since I am pretty proficient with CSS design. At first glance, the problem with 1024x768 lays with the "csharpcode" sections. Long code lines are not wrapping and pushing out the width of a post wider than 1024.
I dont have more time to look at it now, but one thing you can try is changing the "#post" css (which encapsulates an entire post) to be display:block, which should force it to not stretch, although it might push your right nav bar out further, unless you have already tried that.
Sorry I couldn't be more help. I briefly glanced at it. Hopefully you have css gurus that read your blog =)
Not quite sure what exactly the problem is, but if you don't mind scroll bars when the content becomes too wide then add this: overflow:auto; to your #content div { z-index: 10;} in style.css.
If you don't already have WebDeveloper Toolbar for Firefox get it, and then you can edit the css in realtime to see how it will look.
Well now that I am actually ready to submit this, I see that the solution affects the captcha below, but I'm sure there would be a way to fix that as well. Sorry I don't have the time to examine further, but will look into it later.
As Brian says WebDeveloper Toolbar is a great tool but I think Firebug for Firefox are even better where their functionality overlaps. It's no over-statement that these tools will lower the TTD for CSS work to 50%
Comment preview