Go to main content

Textpattern CMS support forum

You are not logged in. Register | Login | Help

#1 2009-07-02 20:07:33

feytus
Member
Registered: 2009-06-02
Posts: 43

Positioning background image - container height issue with TXP

I’ve run into a problem with placing of background images. I want to place some background images outside the initial browser window, which requires me to set the width of the div-container to minimum the position of which the image is to appear. However, I want this to be dependent on whether or not there is enough text in the container to actually have to show this image. Is there a limitation in CSS that doesn’t allow me to do this, or is there a way around it? I’ve tried setting the height of the container to min-height: 100%, to auto, and to remove it completely, but this will eventually just remove the image overall.

Here is an image of how I want it to be, this is scrolled a bit down from the main window;

So with textpattern, all pages under a section uses the same stylesheets. Is there a way to specify either with css or in textpattern to only show these background images if the content of the container is enough? I could always set it to like 1400 pixels or something, but that will make some of the pages unnecessarily long, and it will look stupid.

Is there a way to work around this? Any clever suggestions? :)

Offline

#2 2009-07-03 05:35:36

colak
Admin
From: Cyprus
Registered: 2004-11-20
Posts: 9,081
Website GitHub Mastodon Twitter

Re: Positioning background image - container height issue with TXP

What if your content always covers 100% of the height

There is this tutorial but also check out this comment.


Yiannis
——————————
NeMe | hblack.art | EMAP | A Sea change | Toolkit of Care
I do my best editing after I click on the submit button.

Offline

#3 2009-07-03 09:58:26

feytus
Member
Registered: 2009-06-02
Posts: 43

Re: Positioning background image - container height issue with TXP

colak wrote:

What if your content always covers 100% of the height

There is this tutorial but also check out this comment.

Ah, just what I needed, thanks a lot, colak! :)

Offline

Board footer

Powered by FluxBB