CSS Forum
- Started
- Last post
- 21 Responses
- jayoh
I can't find a decent forum for CSS. Anyone?
- bigtrick0
this one's not bad. a coupla real css pros hang about here.
- Gordy220
What do you need Jayoh?
- lukus_W0
#css on freenode irc
- jayoh0
Alright - here goes:
http://eyes-open.com/index.html
I am trying to make the "left" div (with the parchment bg image) to be the same length as the right - to extend to the footer.
I know this can be done by using a 1px tall image for the container or wrapper, but this means the background color would have to be solid.Any ideas Gordy?
- google 'faux columns' .. equal vertical height is very difficult - not worth the effort, imo.lukus_W
- acescence0
could you make the image the background of the container of both the right and left, and then give the right col a solid background to cover it?
- welded0
Remove the background image from 'left' and put it on 'content' instead. You may need to do some tweaking, but that'll do the trick.
- Gordy220
What Acesc. said - that would work nicely I think.
- Gordy220
Actually - what Welded said would work too. If your bg image was the same width as #left you could just repeat-x and you'd not have to have #right a solid color...
- bulletfactory0
also your <br class="clear" /> should have height set to 0; here's what I use on my clearFloat class...
clear:both;
display:block;
font-size:0.01em;
height:0;
margin:0;
overflow:hidden;
padding:0;
- Gordy220
^-- Or you can use a clearfix stylesheet - bit of a hack but handy.
- elahon0
CSS Tricks has a decent forum:
- Gordy220
You need to close out your #wrapper too as this could break everything.
Add a </div> at line 97 I think.
- jayoh0
@aces. / Gordy / welded:
I created a new class (#content) and played the bg image into this and it fills the vertical space perfectly. The issue now is the #right div solid bg color does not extend top the bottom...
- acescence0
get rid of the space in the clearing div and give it a line-height of 0px
- jayoh0
acescence - you rock!
I never would have thought the answer lay in the clearing div. I don't know why that works - but it does. THANK YOU!
- acescence0
I suggest using Chrome or Safari's web inspector to debug this stuff. it was as simple as right-clicking on the offending space and selecting inspect element, which highlighted that div as the offender. you can then edit the css and html in place, add or disable rules, etc.. makes life much easier! firebug for FF will also let you do this stuff, but I find the webkit tools to be more stable, especially for javascript stuff.
- Gordy220
I quite like the developer toolbar for Firefox...
- jayoh0
Thanks guys - I have the FF dev toolbar and like it - I just need to USE IT for stuff like this :)
I gotta try it with Chrome and Safari - they seem to be rapidly becoming the choice browsers for designers and developers.