17 replies [Last post]
schonkton
schonkton's picture
Offline
Regular
Last seen: 13 years 2 weeks ago
Joined: 2007-04-06
Posts: 14
Points: 4

hello,

can anybody please help me? ihave have a .swf header that i have postioned with negative margins. i also have a repeated y background image that is 1600 wide. i'm struggling with getting this to center. should i try to postion it in the same way as the header? although i have tried but to no avail. actually, the page does layout the way i want it too in firefox but not now in IE or safari.

any help would be much appreciated.

<?xml version="1.0" encoding="iso-8859-1"?>

Black Dog - Home


table1

  --> table2
Newsflash  what shocking news at the gig

 








-->






Main Menu



Home News Forum Contact Us Music Shop Links Search Login Form Username

Password

Remember me
Lost Password? No account yet? Register Syndicate

Home
Welcome to Black Dog This is your introduction


d
d
Read more...

 




Gig News






 what shocking news at the gig

 




New Atticus






 Oh my god! brand new aaticus in stock.

 



More...






table4

© Black Dog 2007


-->


Valid XHTML

Desdinova
Desdinova's picture
Offline
Enthusiast
Last seen: 10 years 9 weeks ago
Timezone: GMT+1
Joined: 2006-03-28
Posts: 341
Points: 4

backgorund-position center

backgorund-position center 300px is not valid. You should use position: 50% 300px;

As a rule, I never touch anything more sophisticated and delicate than myself

thepineapplehead
thepineapplehead's picture
Offline
Moderator
Last seen: 41 weeks 2 days ago
Timezone: GMT+1
Joined: 2004-06-30
Posts: 9683
Points: 819

You've also got the XML

You've also got the XML prolog throwing IE into Quirks Mode.

Verschwindende wrote:
  • CSS doesn't make pies

schonkton
schonkton's picture
Offline
Regular
Last seen: 13 years 2 weeks ago
Joined: 2007-04-06
Posts: 14
Points: 4

background-position: 50% 300px; not working

hello,

thanks for your input.

the 50% 300 doesn't seem to be working for me.

any ideas why not?

thanks again.

here is my code now:

Black Dog - Home


table1

  --> table2
Newsflash  Oh my god! brand new aaticus in stock.

 








-->






Main Menu



Home News Forum Contact Us Music Shop Links Search Login Form Username

Password

Remember me
Lost Password? No account yet? Register Syndicate

Home
Welcome to Black Dog This is your introduction


d
d
Read more...

 




Gig News






 what shocking news at the gig

 




New Atticus






 Oh my god! brand new aaticus in stock.

 



More...






table4

© Black Dog 2007


-->


Valid XHTML

Desdinova
Desdinova's picture
Offline
Enthusiast
Last seen: 10 years 9 weeks ago
Timezone: GMT+1
Joined: 2006-03-28
Posts: 341
Points: 4

background-position my bad

background-position Wink

my bad

As a rule, I never touch anything more sophisticated and delicate than myself

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 8 years 4 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

Danger! Will Robinson, table

Danger! Will Robinson, table layout detected *sigh*

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

schonkton
schonkton's picture
Offline
Regular
Last seen: 13 years 2 weeks ago
Joined: 2007-04-06
Posts: 14
Points: 4

background-position: 50% 300px; not working

my bad too,

that code section was an old one if you like as i did try position: in case that is what you meant. however, the code at the moment has background-position. and, it still doesn't work for me.

schonkton
schonkton's picture
Offline
Regular
Last seen: 13 years 2 weeks ago
Joined: 2007-04-06
Posts: 14
Points: 4

sorry about tables

i know, i know...

will address this when i get the background working.

Desdinova
Desdinova's picture
Offline
Enthusiast
Last seen: 10 years 9 weeks ago
Timezone: GMT+1
Joined: 2006-03-28
Posts: 341
Points: 4

ok well I noticed you have

ok well I noticed you have 20 validation errors.

you could try to swap things around (background-position: 300px 50%; )

but I recommend fixing the validation issues first.

As a rule, I never touch anything more sophisticated and delicate than myself

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 8 years 4 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

Generally it's safer to use

Generally it's safer to use the 'background' shorthand property.

Either way you can't repeat on an axis and shift the image on the same axis.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

schonkton
schonkton's picture
Offline
Regular
Last seen: 13 years 2 weeks ago
Joined: 2007-04-06
Posts: 14
Points: 4

validation errors

yeah i have some problems with getting it to validate. this is a joomla template. apparently there are some issues with validating joomla templates. i'm trying.

Desdinova
Desdinova's picture
Offline
Enthusiast
Last seen: 10 years 9 weeks ago
Timezone: GMT+1
Joined: 2006-03-28
Posts: 341
Points: 4

Good. do you have an online

Good.

do you have an online link to the page?

As a rule, I never touch anything more sophisticated and delicate than myself

schonkton
schonkton's picture
Offline
Regular
Last seen: 13 years 2 weeks ago
Joined: 2007-04-06
Posts: 14
Points: 4

validation errors

ok i have validated the flash which was throwing most of the errors. the remaining 2 are due to joomla ampersands.

yeah, if you'd please have a look blackdogstreetwear.co.uk

wolfcry911
wolfcry911's picture
Offline
Guru
MA, USA
Last seen: 8 years 49 weeks ago
MA, USA
Timezone: GMT-5
Joined: 2004-09-01
Posts: 3224
Points: 237

Hugo wrote:Either way you

Hugo wrote:
Either way you can't repeat on an axis and shift the image on the same axis.

I haven't tested in IE, but you can shift an image and have it start repeating from that point. It will, of course, repeat in both directions so there aren't too many instances where this would be applicable, but there are some. Case in point.

Edit: just checked out IE6 - works there no problem.

Desdinova
Desdinova's picture
Offline
Enthusiast
Last seen: 10 years 9 weeks ago
Timezone: GMT+1
Joined: 2006-03-28
Posts: 341
Points: 4

ok well a major issue is the

ok well a major issue is the 1600px wide div. it's causing a horizontal scrollbar, causing the background in IE to be badly positioned. Just for the fun of it, try to remove it?

As a rule, I never touch anything more sophisticated and delicate than myself

schonkton
schonkton's picture
Offline
Regular
Last seen: 13 years 2 weeks ago
Joined: 2007-04-06
Posts: 14
Points: 4

fixed in ie and safari

thanks a lot for your help.

i've fixed it! the 1600 div was positioned absolutely. it now resizes the way i want it to. however in firefox i still have the nasty scrollbar. also, it seems to be a pixel out of line when re-sizing and in safari it looks out of line until over half the 1600 width, after that it perfectly lines up. any ideas for this?

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 8 years 4 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

wolfcry911 wrote:Hugo

wolfcry911 wrote:
Hugo wrote:
Either way you can't repeat on an axis and shift the image on the same axis.

I haven't tested in IE, but you can shift an image and have it start repeating from that point. It will, of course, repeat in both directions so there aren't too many instances where this would be applicable, but there are some. Case in point.

Edit: just checked out IE6 - works there no problem.

Yes good point wolfie, I was stuck on the fact that you can't prevent the repeat across the axis.As you say though not many times when this would be useful but still.....

Sorry for thread hijack guys, carry on

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

Desdinova
Desdinova's picture
Offline
Enthusiast
Last seen: 10 years 9 weeks ago
Timezone: GMT+1
Joined: 2006-03-28
Posts: 341
Points: 4

schonkton wrote:thanks a lot

schonkton wrote:
thanks a lot for your help.

i've fixed it! the 1600 div was positioned absolutely. it now resizes the way i want it to. however in firefox i still have the nasty scrollbar. also, it seems to be a pixel out of line when re-sizing and in safari it looks out of line until over half the 1600 width, after that it perfectly lines up. any ideas for this?

do keep in mind that if you have a 1600px wide div anyone with a resolution lower than 1600x1200 will get horizontal scrollbars (that is unless you have an overflow hidden somewhere)

As a rule, I never touch anything more sophisticated and delicate than myself