• 0

CSS Question


Question

Hi All,

Im building a website for my church, in Wordpress, and I am having a problem with CSS.

http://www.inthewoodsonline.co.uk/ is the site, as you can see its a horizontally laid out site. The problem I am having is that when the page scrolls vertically the title overlays the body text.

How would you go about solving this?

Thanks,

Adam

Link to comment
Share on other sites

9 answers to this question

Recommended Posts

  • 0

Just had a look at the code and it is positioned absolutely:

#title a { font-size:80px;line-height:80px;color:#000; position:fixed !important;position:absolute;top:10px;left:189.9px;}

You could try changing the line to:

#title a { font-size:80px;line-height:80px;color:#000; position:relative;}

Problem is, if you going to want to be able to see the title when you scroll horizontally I'm not sure what the answer is but I hope that's a start.

PS, I'm really not sure about the layout - I'd rather scroll down like a normal webpage rather than across.

Link to comment
Share on other sites

  • 0

it's the

position:fixed !important;

that's making your

#title a

pretty much be stamped on top of your page in a fixed position, regardless of what the rest of the page's content tries to flow like..

Link to comment
Share on other sites

  • 0

Thanks guys

Plarkster, basically the group want a layout that functions like a newspaper, and I thought that scrolling horizontally would be the best way to produce this. Any other ideas? Id welcome them.

What I really want is when you scroll vertically the text to scroll behind the header without the header obscuring the text. Is that possible?

Link to comment
Share on other sites

  • 0

Thanks guys

Plarkster, basically the group want a layout that functions like a newspaper, and I thought that scrolling horizontally would be the best way to produce this. Any other ideas? Id welcome them.

What I really want is when you scroll vertically the text to scroll behind the header without the header obscuring the text. Is that possible?

Yup you have to position your header relative to the page and also set it's z-index so that it is on top.

Link to comment
Share on other sites

  • 0

Yup you have to position your header relative to the page and also set it's z-index so that it is on top.

What would the z-index be for on top -1?

Link to comment
Share on other sites

This topic is now closed to further replies.
  • Recently Browsing   0 members

    • No registered users viewing this page.