11 replies [Last post]
Makkaiveri
Offline
newbie
Oulu, Finland
Last seen: 16 years 38 weeks ago
Oulu, Finland
Timezone: GMT+2
Joined: 2004-02-09
Posts: 5
Points: 0

Hello,

I'm creating a web page with divs, but one thing is isn't clear to me. In my page, there are three different divs, left right and center at the top of the page. My "normal text" comes between left and right div under the top div, where the menu is.

Here is the problem: I've got images on left and right divs, which are repeated so that they continue to the bottom of the page (repeat-y). But when the "normal text" goes over a one page, images stop repeating in both sides. Images should repeat as long as the "normal text" appears in the middle.

I'm not sure am I making any sense, trying hard though Smile I appreciate any help.

Daybreak_0
Offline
Enthusiast
Sydney, Australia
Last seen: 16 years 50 weeks ago
Sydney, Australia
Timezone: GMT+10
Joined: 2003-11-15
Posts: 389
Points: 0

"continious" divs

Well your kinda making sense but it does not matter as we always require to see the code, so we can see ourselves. The problem is there can be so many things that cause problems.

As always the best thing anyone coming to the forum can do is provide a link to the page, and a bonus is a link to the CSS.

Regards
Day

The only way to learn is to do it yourself

Makkaiveri
Offline
newbie
Oulu, Finland
Last seen: 16 years 38 weeks ago
Oulu, Finland
Timezone: GMT+2
Joined: 2004-02-09
Posts: 5
Points: 0

"continious" divs

Ok, here is the page: http://dungeon.users.daug.net/tmp/example.htm

a css-file is in tmp-directory too.

I'm not sure, but that problem might have something do with putting divs into others, that it would kinda "loop". Just guessing Smile This isn't a big problem, but I've looked it so many times that I've come "blind" to my own errors.

ClevaTreva
ClevaTreva's picture
Offline
Guru
A hilly place, UK
Last seen: 2 years 11 hours ago
A hilly place, UK
Joined: 2004-02-05
Posts: 2902
Points: 0

"continious" divs

Hi

Your site appears to be down.

Trevor

Makkaiveri
Offline
newbie
Oulu, Finland
Last seen: 16 years 38 weeks ago
Oulu, Finland
Timezone: GMT+2
Joined: 2004-02-09
Posts: 5
Points: 0

"continious" divs

ClevaTreva wrote:
Hi
Your site appears to be down.

Hmm, strange. I tried just a minute ago, and it worked..

Daybreak_0
Offline
Enthusiast
Sydney, Australia
Last seen: 16 years 50 weeks ago
Sydney, Australia
Timezone: GMT+10
Joined: 2003-11-15
Posts: 389
Points: 0

"continious" divs

Yes understand now.

I have looked at a couple of these but never built a page like this but they all had the same problem (but it is not a problem) I mean where do you propose the background image stop repeating itself??

The columns are not reliant on the content, because you want the columns to go to the bottom of the page when the content does not. Therefore they have to stop somewhere! The columns can't go on forever.

Welcome to everyones' nightmare. How to get all columns the same length no matter what is put in each column.

There are many different hacks, but no real good ones yet. The best is probably the one you can build here http://www.csscreator.com/version2/pagelayout.php
The layout once generated is a little complicated to use, and you can easily get in trouble with it. It has a couple of problems where you can use a background image in your body as IE does not support transparent borders as yet. But once you get to know it it is very nice.

Hint: check everything as you go, other wise you will have to reverse to much.

Good luck
Regards
Day

The only way to learn is to do it yourself

Makkaiveri
Offline
newbie
Oulu, Finland
Last seen: 16 years 38 weeks ago
Oulu, Finland
Timezone: GMT+2
Joined: 2004-02-09
Posts: 5
Points: 0

"continious" divs

Daybreak_0 wrote:
Yes understand now.

I have looked at a couple of these but never built a page like this but they all had the same problem (but it is not a problem) I mean where do you propose the background image stop repeating itself??

First of all, thanks for the answer..
The background image should stop repeating itself when the right and left divs stop. But the bg-image isn't important, it would be enough if divs would go all the way down until text stops. What would be the best way to do this?

Daybreak_0
Offline
Enthusiast
Sydney, Australia
Last seen: 16 years 50 weeks ago
Sydney, Australia
Timezone: GMT+10
Joined: 2003-11-15
Posts: 389
Points: 0

"continious" divs

Makkaiveri wrote:

The background image should stop repeating itself when the right and left divs stop.

The divs stop at the bottom of the veiwport when first rendered and will match the viewport for size when you resize, but will not go past that unless they have their own content.

Makkaiveri wrote:
But the bg-image isn't important, it would be enough if divs would go all the way down until text stops. What would be the best way to do this?

Use a different layout as mentioned above.

NB: You may be able to combine them, but don't know the result.

Regards
Day

The only way to learn is to do it yourself

pospel
Offline
newbie
Last seen: 16 years 37 weeks ago
Timezone: GMT+2
Joined: 2004-02-13
Posts: 1
Points: 0

"continious" divs

I have same problem. I need a continues div for navigation bar with continues background, which will spread till the end of page, not only the div content :roll: So is't really now complicated solution for such css-layots? Sah....

css_seth
Offline
Regular
minneapolis, mn
Last seen: 16 years 43 weeks ago
minneapolis, mn
Joined: 2004-01-02
Posts: 33
Points: 0

"continious" divs

the site isn't coming up for me either, but the best solution to this that i've found is quite simple: you put your various columns in one container <div> which has a background image that covers all necessary collumns. so for instance, in a two collumn layout with a background in the sidebar, your container would have that background image plus some extra white or whatever your background color would be.

i feel like that might not have been as clear as i hope, but it's really quite simple once you realize it.

Makkaiveri
Offline
newbie
Oulu, Finland
Last seen: 16 years 38 weeks ago
Oulu, Finland
Timezone: GMT+2
Joined: 2004-02-09
Posts: 5
Points: 0

&quot;continious&quot; divs

css_seth wrote:
the site isn't coming up for me either, but the best solution to this that i've found is quite simple: you put your various columns in one container <div> which has a background image that covers all necessary collumns. so for instance, in a two collumn layout with a background in the sidebar, your container would have that background image plus some extra white or whatever your background color would be.

i feel like that might not have been as clear as i hope, but it's really quite simple once you realize it.

Could you put an example, it would help to understand.

css_seth
Offline
Regular
minneapolis, mn
Last seen: 16 years 43 weeks ago
minneapolis, mn
Joined: 2004-01-02
Posts: 33
Points: 0

&quot;continious&quot; divs