Hi all, I hope this isn't too general of a request. I am working on my first completely tabless design and can't seem to get the final piece into place. I have the file uploaded to a test folder and it can be seen at <!-- m --><a class="postlink" href="http://runninghorses.net/working/new-layout/floattest.html">http://runninghorses.net/working/new-la ... ttest.html</a><!-- m --> ... Basically, I'm trying to get the main part of the page (content area - seen with the Lorem ipsum) to be continued along the same margins as the two images seen there. In other words, the left and right "border" images should be repeated for however much content is in that area - 100% to the bottom. I hope that make sense. If anybody can help me figure out a way to repeate those images without having to use a table, I'd appreciate it! Thanks!Maybe these will give you some ideas.
#container {
width: 95%;
margin: 0px;
background: url(new-layout_14.jpg) repeat-y;
}
#content {
margin: 0 40px;
}That worked alright for the left side. Now how would I accomplish both that AND the right side at the same time?Well I figured something out (doing tons of searching on the web) and I have my "columns" fixed and tiled.... as you can see by the same above link (reload). However, now I can't seem to get my content area to "fill" the width of the screen. I know I have to get the combination of colums right, but I just can't seem to do it....Are you wanting three columns or two?
If it's just two...
- figure out a percentage width for the left column; apply this to your div
- subtract this from 100, and set your content div to this percentage (Right now, you've got your content div set up for 34%.)
This way, no matter what the screen resolution, the screen will be filled.
KDLAThanks gang! I think I have it now! w00t!That is some seriously compatibility-conscious coding you have there!
But then, my heroes have always been cowboys, as the song goes.
Nicely done!hey Joel, thanks! I'm trying to get more into css only layouts, as they've always scared me. I was forever stuck in the table-to-align-everything mode.
#container {
width: 95%;
margin: 0px;
background: url(new-layout_14.jpg) repeat-y;
}
#content {
margin: 0 40px;
}That worked alright for the left side. Now how would I accomplish both that AND the right side at the same time?Well I figured something out (doing tons of searching on the web) and I have my "columns" fixed and tiled.... as you can see by the same above link (reload). However, now I can't seem to get my content area to "fill" the width of the screen. I know I have to get the combination of colums right, but I just can't seem to do it....Are you wanting three columns or two?
If it's just two...
- figure out a percentage width for the left column; apply this to your div
- subtract this from 100, and set your content div to this percentage (Right now, you've got your content div set up for 34%.)
This way, no matter what the screen resolution, the screen will be filled.
KDLAThanks gang! I think I have it now! w00t!That is some seriously compatibility-conscious coding you have there!
But then, my heroes have always been cowboys, as the song goes.Nicely done!hey Joel, thanks!
I'm trying to get more into css only layouts, as they've always scared me. I was forever stuck in the table-to-align-everything mode.