That would total 96%, leaving room for the margin. Percent scales no matter the viewport. I would also change the height to em, as that is based on the font size which scales with the viewport. Let me know if this works for you.
Awesome. I was thinking about the height and I recommend changing it to
You'll have to play with the number of ems to start, but what this does is sets a minimum baseline height for the divs. If you set a fixed height and the content is too big for it, that's a problem. But with min-height it doesn't set a maximum or fixed height, so the divs can dynamically grow with any content.
One last little change I would recommend is in #master, change margin to "0, auto" (without quotes). That way you're not setting the top and bottom margins to auto; instead, they'll be set to 0.
Glad I could help!
03-06-2014, 08:43 AM
I always have more to add, haha! If you're going to have content beneath those divs, after div#three closes, add an empty div as follows:
and in the CSS, add
This will clear the floats for you.
03-06-2014, 09:14 AM
yea, I played the last hour a bit with the em size and min-width. But I think a minwidth doesn't made sence this time, cuz I think I should Media Queries? I mean when I set a min-width it looks at least like this:
But when I use Media Queries, as example, for a viewport with min-width 900px @media only screen and (min-width: 900px) I can set a new size for the divīs and so on. 900px up tp XXX px is no prob, also i could add more steps for tablets, or phones...
or iīm wrong?
03-06-2014, 09:24 AM
I don't know if I'd do min-width... I was just talking about min-height. But media queries are good for setting some baselines.
03-06-2014, 10:11 AM
ohh..sry, my fail :) ...yea a min-height sounds logically.
Big thanks for youre help!
03-09-2014, 11:40 PM
Div stands for division tag.It used for divide the web page into multiple function.you can use the three columns in div tag in same time...........