K
Kris
Hello,
I've been working on my site a lot and I think it is much improved. There
are still two problems with the main page that are driving me nuts. The
first is that I cannot figure out how to get my div elements to have a
height equal to the entire screen. The solution I've seen for this is to
just set the page background color to the same background color as the
shorter div element, and it will appear that the columns of color extend the
full length of the page. In my situation, I hope to use this same layout
for many different pages. Since the content is different, one page may have
the navigation column as the longest column while another has the content
column as the longest column. This prevents the solution of setting the
page's background color from working. Is there any way to tell a div
element to extend the full length of the page? I have tried using the
height property, but it only seems to accept exact lengths and not percents.
The other problem I am having is that my background image is no longer
centered under the content. I want it to be fixed and centered, but it
needs to be centered on the content and not the entire page. How do I add a
left offset to the background image when it's fixed?
Also, I read somewhere that using the div tag in the way that I am is not
good practice. This was before I was actually using the div tag, so I
didn't read it too closely, but the idea was something like that's not the
intended purpose of the div tag and won't work on all browsers. If that's
true, then what alternative do I have? I already tried doing this layout
with a table and that was a mess.
For those who read my last post, I have given up on the fixed nav-bar. It
just caused more problems than it solved, particularly with low screen
resolutions. You can see my current page here:
http://hedgemaze.2y.net:3000/main3.html
Thanks in advance!
Kris
I've been working on my site a lot and I think it is much improved. There
are still two problems with the main page that are driving me nuts. The
first is that I cannot figure out how to get my div elements to have a
height equal to the entire screen. The solution I've seen for this is to
just set the page background color to the same background color as the
shorter div element, and it will appear that the columns of color extend the
full length of the page. In my situation, I hope to use this same layout
for many different pages. Since the content is different, one page may have
the navigation column as the longest column while another has the content
column as the longest column. This prevents the solution of setting the
page's background color from working. Is there any way to tell a div
element to extend the full length of the page? I have tried using the
height property, but it only seems to accept exact lengths and not percents.
The other problem I am having is that my background image is no longer
centered under the content. I want it to be fixed and centered, but it
needs to be centered on the content and not the entire page. How do I add a
left offset to the background image when it's fixed?
Also, I read somewhere that using the div tag in the way that I am is not
good practice. This was before I was actually using the div tag, so I
didn't read it too closely, but the idea was something like that's not the
intended purpose of the div tag and won't work on all browsers. If that's
true, then what alternative do I have? I already tried doing this layout
with a table and that was a mess.
For those who read my last post, I have given up on the fixed nav-bar. It
just caused more problems than it solved, particularly with low screen
resolutions. You can see my current page here:
http://hedgemaze.2y.net:3000/main3.html
Thanks in advance!
Kris