4 replies [Last post]
felix
Offline
newbie
England
Last seen: 17 years 36 weeks ago
England
Joined: 2004-01-07
Posts: 4
Points: 0

I wonder if anyone would mind having a look at http://anabaptist.lifewithchrist.org.

It's suddenly developed an annoying "jump" on the default ("minimalist") stylesheet. The text which reads "Leaving Munster" is positioned correctly according to the CSS - as you can see if you simply re-load the stylesheet. However, once the page is fully-loaded for the first time it moves a few pixels!

Any ideas? This is driving me mad!

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

Div moves!

That text does not exist on page.

Regards
Day

The only way to learn is to do it yourself

felix
Offline
newbie
England
Last seen: 17 years 36 weeks ago
England
Joined: 2004-01-07
Posts: 4
Points: 0

Div moves!

Sorry, there's an accidental extra full-stop at the end or the URL I gave. It should read: http://anabaptist.lifewithchrist.org

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

Div moves!

Ok your problem may be your container. First of all it was not your text that was moving but the whole page underneath, as only the text is absolutely positioned to the viewport. To see what I mean place your hand over the text and refresh.

In the CSS you have set all body margins and paddings as zero but in #container you have set padding-top: 1%. Change it to 0px and issue should go away, although you may have to reposition the text.

Ok now for the bad news
a) you have probably never validated your site as strict xhtml does not like capitals for ID's, classes, tags. Get rid of all the capitals in you html and css. The opnly reason it works now is because the browser is being lenient, but might not in the future.
b) wow your CSS is so messy. try to keep things that are similar together. like padding-right and padding-left so it is easier to make changes.

Wink

Regards
Day

The only way to learn is to do it yourself

felix
Offline
newbie
England
Last seen: 17 years 36 weeks ago
England
Joined: 2004-01-07
Posts: 4
Points: 0

Div moves!

Thanks, Day - all sorted now! Why is it that the problems that cause us most trouble always seem to have the easiest solutions?!

I apologise for putting you through the tedious task of wading through my jumbled CSS! ;o) I'm teaching myself this stuff as I go along and shouldn't really be putting anything out there for another couple of years!

Thanks for all the tips - esp. the capital letters which I'd completely missed.