navigation
a webmaster learning community
     Home    Register     Search      Help      Login    
FrontPage Alternative
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

Free FrontPage Templates

Search Forums
 

Advanced search
Recent Posts

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

 

Background-position problem

 
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 >> Background-position problem
Page: [1]
 
SimonCleaver

 

Posts: 85
Joined: 2/26/2004
From: UK - now living in Spain
Status: offline

 
Background-position problem - 10/26/2005 11:38:34   
Hi all,
I am trying to position a background image with a margin of 10px horizonatal and vertical.
For some reason the vertical setting is not working.
My test page is at: http://www.homesinspain.ltd.uk/index3.html
and the CSS file is at: http://www.homesinspain.ltd.uk/site3.css
What am i doing wrong?
Many thanks for any help
d a v e

 

Posts: 4179
Joined: 7/24/2002
From: England (but live in Finland now)
Status: offline

 
RE: Background-position problem - 10/26/2005 13:12:00   
have you tried zeroing the page margins in the body (i.e. padding and margins to zero) and then readajust everything else?

_____________________________

David Prescott
Gekko web design

(in reply to SimonCleaver)
SimonCleaver

 

Posts: 85
Joined: 2/26/2004
From: UK - now living in Spain
Status: offline

 
RE: Background-position problem - 10/27/2005 6:15:10   
Thanks David

(in reply to d a v e)
SimonCleaver

 

Posts: 85
Joined: 2/26/2004
From: UK - now living in Spain
Status: offline

 
RE: Background-position problem - 10/31/2005 8:29:52   
I still can't seem to get this right. I removed the margins completetly and that did cover up my background image which was showing in the top left corner - but now I can't get the text to sit right.

Would someone mind having a look at my CSS, I can't see where I am going wrong.
The telephone numbers at the top are either to high in IE or too low in Firefox - Is there a simple solution to vertically align the text to the middle of the logo?

Also, removing the body margins did help with the "cover up" of my background image - but I don't think the web looks as nice - would anyone have any advice on how i could put a 10px margin around the whole page - but then have my background image start 10px down from the top, and 10 in from the left?

Many thanks for the help!!!

(in reply to SimonCleaver)
d a v e

 

Posts: 4179
Joined: 7/24/2002
From: England (but live in Finland now)
Status: offline

 
RE: Background-position problem - 10/31/2005 9:24:01   
try using
margin-top:0;

on this rule
#banner h1

seems to work for me in ff and ie


_____________________________

David Prescott
Gekko web design

(in reply to SimonCleaver)
SimonCleaver

 

Posts: 85
Joined: 2/26/2004
From: UK - now living in Spain
Status: offline

 
RE: Background-position problem - 10/31/2005 10:15:12   
Thanks a lot

(in reply to d a v e)
Page:   [1]

All Forums >> Web Development >> Cascading Style Sheets >> Background-position problem
Page: [1]
Jump to: 1





New Messages No New Messages
Hot Topic w/ New Messages Hot Topic w/o New Messages
Locked w/ New Messages Locked w/o New Messages
 Post New Thread
 Reply to Message
 Post New Poll
 Submit Vote
 Delete My Own Post
 Delete My Own Thread
 Rate Posts