English Deutsch Français Italiano Español Português 繁體中文 Bahasa Indonesia Tiếng Việt ภาษาไทย
All categories

Alright, I have a body background, then I also have a div that is supposed to look like a table background. I'm having alot of problems with this background div, either it cuts off halfway through the page, or it interferes with my navigation some how. So -

1. How can I make a div be adjustable height to fill up the entire page and not cut off? (Like here : http://www.gptlist.com/CSSTEST2.html )

2. OR When I make it fixed so it doesn't cut off, my flash navigation menu suddenly dissapears.. For no reason whatsoever.

Please please help!

The page: http://www.gptlist.com/CSSTEST2.html
The CSS: http://www.gptlist.com/style.css

I will choose a best answer

2007-06-20 07:24:32 · 3 answers · asked by Anonymous in Computers & Internet Programming & Design

3 answers

Unfortunately some browsers just give you the cold shoulder in the regards of jutting out the enclosed div through the bottom of the enclosing div. It's a grrr...and everyone runs into it now and then.

About the best you can do is, put a somewhat "tacky" fix after the inside div, which is to say, something that'll break things up and "force" the outside div to continue its work. What I use is, a somewhat invisible paragraph, a la:

& nbsp;



(close off the amper and the nbsp there, where Yahoo! won't lemme!, or use, instead, a lil' ol' unobtrusive period...)

Hope this helps...

2007-06-20 09:04:33 · answer #1 · answered by fjpoblam 7 · 0 0

The best way to ensure that everything holds together and expands together is to breakup your page into various areas. I suggest using div id's (#example) instead of classes (.example).

Create a div for the topper (#topper), the left column for navigation and ads (#left), your main content (#content) and I would add a footer (#footer) to make sure you demarcate the bottom of everything. Take all those div's and place them within one big wrapper div (#wrapper). The wrapper holds everything in place.

The #left and #content div's should be configured to float:left and float:right respectively. Then the #footer should be configured to clear:both. This forces the each column to stick to opposite sides of the wrapper and the footer will snuggle right beneath whichever turns out to be longest depending on what goes inside the left or content div's.

The basic (X)HTML will look a little like this:


Topper goes here

Left content goes here

Main content here





Put the content between each div and style accordingly with CSS. This is very basic, but at least you have the idea.

2007-06-20 16:19:43 · answer #2 · answered by Gary H 4 · 0 0

if you have to correct your coding. Close the

for tables before close of tage. And apply your background to tables class. So, it will look like


.
.
.
.
all the contents
.
.
.
.


2007-06-21 07:13:51 · answer #3 · answered by vrushali k 3 · 0 0

fedest.com, questions and answers