Ok. Attached is my layout and stuff.
Here is what I want to do:
1. For the part where it says content here, I want to divide it into two more halves one left and one right, each taking 50% of the width left, but i want to keep the same margins. I tried to do this to the best of my ability and it did not work, instead i was stuck with a giant block.
2. Furthermore, i want to take the left half created and divide it into top and bottom, both keeping 50% of what is left after margins are applied.
3. If any of the boxes gets filled up, how to i arrange it so that it creats a scroll bar instead of pusing footer farther down the page, or is this not possible.
4. Is it possible to center the whole thing?
If you dont feel like writing a code for me, an explanation or a link would be appreciated. But if can code it for me, i would be eternally grateful. If you want a final layout mockup picture, please tell me.
Thanks alot.Forgot the attachment.grrrrr.
<!-- m --><a class="postlink" href="http://amazingdeals.t35.com/helpme.txt">http://amazingdeals.t35.com/helpme.txt</a><!-- m -->
One last thing. How do i add a white border to all of them, it wont show up when i say border:2px border-color:whiteto your latest question:
border:2px solid white;1., 2. huh?
3. Wouldn't that be overflow:auto ?
4. It is centered in good browsers but you need to add a
body {
background-color: gray;
color: white;
text-align: center;
}
to your styles. That gets you your white text withoug font tags and it makes the brain dead IE center container div. You then need to add a text-align:left to the container style.
Here is what I want to do:
1. For the part where it says content here, I want to divide it into two more halves one left and one right, each taking 50% of the width left, but i want to keep the same margins. I tried to do this to the best of my ability and it did not work, instead i was stuck with a giant block.
2. Furthermore, i want to take the left half created and divide it into top and bottom, both keeping 50% of what is left after margins are applied.
3. If any of the boxes gets filled up, how to i arrange it so that it creats a scroll bar instead of pusing footer farther down the page, or is this not possible.
4. Is it possible to center the whole thing?
If you dont feel like writing a code for me, an explanation or a link would be appreciated. But if can code it for me, i would be eternally grateful. If you want a final layout mockup picture, please tell me.
Thanks alot.Forgot the attachment.grrrrr.
<!-- m --><a class="postlink" href="http://amazingdeals.t35.com/helpme.txt">http://amazingdeals.t35.com/helpme.txt</a><!-- m -->
One last thing. How do i add a white border to all of them, it wont show up when i say border:2px border-color:whiteto your latest question:
border:2px solid white;1., 2. huh?
3. Wouldn't that be overflow:auto ?
4. It is centered in good browsers but you need to add a
body {
background-color: gray;
color: white;
text-align: center;
}
to your styles. That gets you your white text withoug font tags and it makes the brain dead IE center container div. You then need to add a text-align:left to the container style.