≡ Menu

Programming Lab 2: Div To Window

Welcome back to work is what the world had to tell me today. Everyone was calling. Everyone needed something. Tomorrow is booked solid from 8am to 8pm. Thursday is pretty tight, but better. Friday night is already gone as well. Crazy is the word for it. My list is also a mile long, and that\’s things that are outside my schedule but need to get done when I can find the time.

That said, I\’m pretty stressed at the moment. I thought I should find some way to calm down, and what I did last night (the little coding lab) seem to provide me with some enjoyment so I thought I would do it again with something else. Who knows, this may become a pattern and then people can start coming to me asking me \"how would I do this\" and I can then take the time to figure it out and have it happen.

Until then, I wanna stick to CSS/JS design tricks.

Today\’s lab demo is how to make a DIV that is the exact width and height of a window? I again knew it could be done, it\’s just not very often you see it. In fact, designing a website that is ment to not scroll is rarely done. What\’s even more rare, is someone who designs a website that scrolls, but doesn\’t have to. For example: all the content always shows up above the fold, but at the same time, there is content \"below the fold\" that never really needs to be seen. It\’s a strange concept, and one I kind of want to continue thinking about.

In either case, the demo can be found here:


So enjoy it… You can imagine where all this is going for rinsefirst can\’t ya 😉

Comments on this entry are closed.

  • Dan January 7, 2006, 9:28 am

    Or, the easier way:

    div {
    position: fixed;
    width: 100%;
    height: 100%

  • jjdb210 January 7, 2006, 10:40 am

    very true, but now i have the JS to give me the height and width, which means more power…

    I suppose I could combo both of them, use css to make the box, and js to get the size of it… I wonder which has bigger compatibility issues.

  • simland January 10, 2006, 10:41 am

    I have found that using percents doesn't always work as expected.

Next post:

Previous post: