Strange behavior - need help

	Home Register Search Help Login

Sponsors

Shopping Cart Software
Ecommerce software integrated into Frontpage, Dreamweaver and Golive templates. No monthly fees and available in ASP and PHP versions.

Website Templates
We also have a wide selection of Dreamweaver, Expression Web and Frontpage templates as well as webmaster tools and CSS layouts.

Frontpage website templates
Creative Website Templates for FrontPage, Dreamweaver, Flash, SwishMax

Search Forums

Recent Posts

Todays Posts
Most Active posts
Posts since last visit
My Recent Posts
Mark posts read

Strange behavior - need help

View related threads: (in this forum | in all forums)

Logged in as: Guest

Users viewing this topic: none

Printable Version

All Forums >> Web Development >> Cascading Style Sheets >> Strange behavior - need help

Page: [1]


pcguy Posts: 124 From: None Status: offline	Strange behavior - need help - 5/23/2008 11:04:11 Hi all, I have a backround image defined here: body, html { height:100%; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#FFFFFF; background-color: #000000; background-image: url(images/background.jpg) repeat-y top; margin: 0px; padding:0px; } The problem is, my main content is in a centered table, and each page obviously has different amount of content...the weird thing is, the background image shifts up and down a bit on each page, depending on how long the table is (with content). If I manually put in a bunch of <p> tags so each table exceeds a certain height, the background image is fine, and doesn't move... But I need it to stay in the same place no matter the table content.... Any ideas???? Thanks!


jaybee Posts: 14155 Joined: 10/7/2003 From: Berkshire, UK Status: offline	RE: Strange behavior - need help - 5/23/2008 16:23:41 quote: body, html { height:100%; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#FFFFFF; background-color: #000000; background-image: url(images/background.jpg) repeat-y top; margin: 0px; padding:0px; } Ideally a link to the page is easier. First off, why height 100%? 100% of what? It makes no sense to specify 100% of something which is variable. Repeat-y top? you don't need the top. It automatically starts at the top. Try this: body, html { margin: 0; padding:0; border:0; } body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#FFFFFF; background-color: #000000; background-image: url(images/background.jpg) repeat-y; } _____________________________ If it ain't broke..... fix it until it is. GAWDS Now where did I put that Doctype? (in reply to pcguy)