-
1. Re: 3 Column Divs & Background Image Height - CSS & Dreamweaver
Nancy O. Mar 8, 2011 11:21 AM (in response to Shan-Dysigns)Yikes. Where did you get the CSS code for this?
1) Start with a pre-built CSS layout. And apply your wood paneling to the body element. That's it. This will fill the page.
2) Don't position elements. Use default CSS positioning which is none/static.
3) Height of divisions is determined by content inside it.
4) Add some Lorem Ipsum or dummy text to your HTML. This will give you a better idea of how your layout holds up.
See example of 2 image web page: View source code
http://alt-web.com/TEMPLATES/2-image-web-design.shtml
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb -
2. Re: 3 Column Divs & Background Image Height - CSS & Dreamweaver
Shan-Dysigns Mar 8, 2011 11:50 AM (in response to Nancy O.)Yikes. Where did you get the CSS code for this?
Well, that's a passive-aggressive way of implying none of that code could possibly be relevant.
I'm not even sure you understood my issue. I can't just simply place a background image across the body because then the center div edges wouldn't align properly with the div panels on either side (especially if their monitor is a different resolution than mine). Your example background (which triggered a migraine) isn't anything similar to the issue I have. I don't just have a small graphic that can randomly tile itself all over the browser. In my issue, the background images in the divs must align to where all three divs appear to be one single background image.
-
3. Re: 3 Column Divs & Background Image Height - CSS & Dreamweaver
Nancy O. Mar 8, 2011 12:25 PM (in response to Shan-Dysigns)Well, that's a passive-aggressive way of implying none of that code could possibly be relevant.
Not passive-aggressive. Your code is overly complex for such a simple layout.
I can't just simply place a background image across the body because then the center div edges wouldn't align properly with the div panels on either side (especially if their monitor is a different resolution than mine).
Sure you can. You're not designing a printed brochure, you're building a web page.
Example using your background image on the body.
http://alt-web.com/TEST/wood.html
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb -
4. Re: 3 Column Divs & Background Image Height - CSS & Dreamweaver
Shan-Dysigns Mar 8, 2011 1:34 PM (in response to Nancy O.)I still think you are missing the point.
If you look at http://www.shan-dysigns.com/userForums/3-div-background/menu.htm
you will see there is a glow effect applied to the button rollover - made using blend modes in Photoshop. In order to maintain that effect, I have to include the wood pattern behind each button. I can't duplicate that effect using "normal" blend modes on the Photoshop layers - I'm sure I could come close, but I'm trying to work this out - at this point it's more a matter of making it work rather than going backwards to doing it how I know it will work - the effect just won't be nearly as appealing, and in doing things the unconventional way sometimes, one can learn different techniques/effects. I hardly ever work in conventional ways.
Because I have to include the wood behind the buttons, I have to have a center div in which its background image (wood) aligns exactly with these buttons (as I created everything in Photoshop) - like I said - one thing leads to another... now because the center div has a background image which must be exact, the left and right divs must also align their background images - like I mentioned before.
I may very well go backwards and redo these buttons using normal blend modes just to solve several issues, but because I'm so close to the end, I want to make sure there isn't a solution for how I have it now.
-
5. Re: 3 Column Divs & Background Image Height - CSS & Dreamweaver
Nancy O. Mar 8, 2011 2:58 PM (in response to Shan-Dysigns)I detest image rollovers for menus. They are a pain in the neck to maintain and they're NOT web friendly for mobile device users who pay for KB usage.
A pure CSS menu would do almost the same thing without all those images and MM Rollover scripts.
http://alt-web.com/TEST/wood.html
That said, use whichever methods work best for you.
Best of luck with your project!
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb



