I’m trying to get a two column layout and I continue to run into a weird problem. I figured out that my problem is because the left menu is floating and so is it not in-line with the rest of the page.
I’m using the code from this page: http://www.w3schools.com/html/html_layout.asp. And I’m using the default ASP .Net template that is generated when you create a new ASP .Net website.
There is something wrong with my CSS but I can’t figure it out.
You can see how my left column does not expand correctly. It runs over top of the main page, but I can’t figure out how to stop that from happening. I’m just using that basic template. Is there any example of how to make it so the page background doesn’t get overlaped?
Also, that dashed border, is a right border on the left menu. I would like that to be at 100%, but for some reason that also doesn’t size correctly. If there is only one or two menu items in the left menu the border is really tiny. Instead of stretching the entire page.
I got the 2 column issue figured out. It’s all working now. The only problem I have left is with my drop shadow, I use the following code.[FONT=Consolas][SIZE=2]
You have to remember that this is CSS3 that you are using, which is new and not finished yet, so browsers are just experimenting with it at the moment. Versions of IE prior to 9 don’t support it at all. You could use a JavaScript workaround if it’s really a big issue for you, but personally, I wouldn’t bother.
Well can I get the same affect if I draw my website in Photoshop first? And then use images? I think I will need a different style 2 column layout for that though. I need one that will let me use corners and things.
Yes, using images is the traditional way to do this, although it may not be so easy if the columns grow in height. How to make it work depends on the layout and design, really.