Tue, 2006-04-18 23:12
My first CSS site, and my first post, so please be gentle. :?
I've been attempting to use a three column lay-out with header/footer and have gone through more tutorials than I can count. I had it working great until I added the drop-down verticle navigation... I thought I had it licked, but then for some reason it's now wrapping the left column in Firefox 1.5. yet looks fine in IE 6.
I validated both HTML & CSS, went through all the FAQ's I could find and after 2 days have very little hair left to pull out. I'm hoping someone might be able to share a similar experiene and point me in the direction of success!
Link to site: HERE
Link to CSS: HERE
I really do not expect anyone to do my work for me... But, if anyone can lead me to a tutorial/article that might, it would be greatly appreciated. Thank you in advance!
CArRiE
[links fixed --gary/kk5st]
Wed, 2006-04-19 00:16
#1
3 Column, V-Drop-Down Menu, Firefox Problem
What do you mean it's wrapping the left column? I don't see any wrapping.
Wed, 2006-04-19 01:17
#2
Right Column Wrapping
First- Thank you for posting a response, it's moocho appreciated!
The 'Left Column' with the heading "Client / Member Benefits" is wrapping on my 17 inch monitor (set at 1024 x 768 resolution) and is showing up underneith the '#center' and hugging the 'left' column's right margin.
As I mentioned before, I had it working at one time, then added some padding on the 'ul li a' and it began wrapping again... Even though I took out the padding, it's still not moving over to where it is supposed to live. I've done the math a thousand times, tried upping the 'min-width' that I read might help, also played around with z-indexes (again reading it might help) and still it's wrapping-- I just can't find the problem.
I don't know if it will help, but I started out with the 'Holy Grail' and also their verticle pop-out menu from the ALA site (with some minor adaptions)... Thank you again for responding... Hopefully this additional information might shed some light!
CArRiE
Wed, 2006-04-19 01:18
#3
RIGHT COLUMN!!!
I'm such a dork!!! I mean 'right' column!!!
duh! :oops:
Wed, 2006-04-19 10:40
#4
3 Column, V-Drop-Down Menu, Firefox Problem
As your using one of either the 'one true layout' or the 'Holy Grail' layouts Your best course of action is really to step back and deconstruct things to the bare layout and follow the tutorial exactly to see where you have gone wrong, remove all content and just work on getting the main layout working when it is start to add the content back in, slowly bit by bit checking as you go for layout collapse, I would also be very wary of using the equal height padding technique, if you can get it to work great but there are problems with it and I wouldn't use it in a complex layout.
You have a problem with the header which I'm surprised you haven't mentioned as your logo2 graphic wraps down a line on a slightly narrowed window which doesn't look great a better approach to the header would be to set that graphic as a background to the header and the main logo graphic either float or position absolute over the top.
These sorts of graphics are better really as background images not foreground for non graphical rendering have some heading text in there.
Hugo.