35 replies [Last post]
carni77
Offline
newbie
Last seen: 13 years 27 weeks ago
Joined: 2007-01-25
Posts: 7
Points: 0

For someone with experience this will probably take all of 5 minutes.

Here are the rules:

1. You must duplicate the layout as it appears in IE7 in Firefox. Only changes to the .css are allowed
2. You must have paypal.
3. First person to post the corrected .css below wins.

Have at it:

I am having some issues getting firefox to display pages properly. IE7 works just fine. What firefox does is it will load the page with the correct layout, etc. but you cannot click on hyperlinks or interact with the page at all. I though for sure this was an issue with some javacript I have on the page, but I have narrowed it down to one css tag.

The problem has to do with this:

float: left;

If I remove it, the page is

roscoe
roscoe's picture
Offline
Enthusiast
Last seen: 12 years 3 weeks ago
Joined: 2006-03-09
Posts: 138
Points: 0

Hello, I think I have your

Hello, I think I have your solution. Add margin: 0px auto; to body_ like so...

#body_ { /*position: relative;*/ width: 1024px; height: auto; background-image: url('images/body.gif'); text-align: left; margin: 0px auto; }

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

carni77 why have you

carni77 why have you re-posted this duplicate question?

You had a reply to the first instance that you posted, why did you not bother to follow that up and respond to the persons attempt at helping?

The help offered on that first thread was - if followed - was close to the solution required.

Please follow up your original threads and stick to that original to keep the flow going within that thread and respect the fact that someone has offered help by acknowledging it with some thanks even if not the solution. money is not the issue on this forum it is a help forum please don't offer money again as incentive to help.

P.S Posting HTML code is covered in the help instructions below posting text box and in stickies on each forum section.

Hugo.

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

carni77
Offline
newbie
Last seen: 13 years 27 weeks ago
Joined: 2007-01-25
Posts: 7
Points: 0

No dice

That didn't work. The header and body area are still seperated by about 20 px or so in Firefox. Any other takers?

Triumph (not verified)
Anonymous's picture
Guru

carni77 wrote:That didn't

carni77 wrote:
That didn't work. The header and body area are still seperated by about 20 px or so in Firefox. Any other takers?

I think you need to write a reply to Hugo. Post-haste.

carni77
Offline
newbie
Last seen: 13 years 27 weeks ago
Joined: 2007-01-25
Posts: 7
Points: 0

All I care about is the solution.

The money offer still stands. The "solution" on the other thread doesn't fit the parameters of what I want, which is a pure css solution. I don't have the experience to fix this problem. Why do the mods care about the money? Somebody will post the answer, the whole community benefits and you get $50 richer. No problem.

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

carni77 wrote:The money

carni77 wrote:
The money offer still stands. The "solution" on the other thread doesn't fit the parameters of what I want, which is a pure css solution. I don't have the experience to fix this problem. Why do the mods care about the money? Somebody will post the answer, the whole community benefits and you get $50 richer. No problem.

Sorry but that's the wrong response!

That soulution on the other thread, while perhaps not a total one, makes some good points that you seem to choose to ignore, and which tends to support your assertion that you have not the experience.

Sorry but I'm reluctant to help further. As for the money question what dont you understand about the nature and ethos of forums like this? but if someone wants to help you and you want to pay them that is your business and should be kept to private email off the forum.

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

vinhboy
vinhboy's picture
Offline
Enthusiast
davis, ca
Last seen: 11 years 46 weeks ago
davis, ca
Joined: 2006-12-21
Posts: 257
Points: 0

this: #textbody

this:

#textbody { text-align: left; width: 700px; /* the problem is right here. This works in IE but not in Firefox*/; /*float: left;*/ margin: 25px 0px 0px 0px; font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; /*background-image: url(images/Body.gif)*/ }

should be:

#textbody { text-align: left; width: 700px; /* the problem is right here. This works in IE but not in Firefox*/; /*float: left;*/ margin: 0px 0px 0px 0px; font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; /*background-image: url(images/Body.gif)*/ }

this:

.JRDHeading { font-family: Arial, Helvetica, sans-serif; font-size: 27px; font-variant: normal; font-style: italic; color: #0B87AE; border-top: 0px none; border-right: 0px none; border-bottom: 0.5px solid; border-left: 0px none; }

should be:

.JRDHeading { margin-top: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 27px; font-variant: normal; font-style: italic; color: #0B87AE; border-top: 0px none; border-right: 0px none; border-bottom: 0.5px solid; border-left: 0px none; }

yep.

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

Get your paypal invoice

Get your paypal invoice ready then vinhboy, you have tested it in all browsers on all platforms I trust Smile

Carni77 I'm still sort of waiting to hear why you felt it ok not to bother responding to your first thread after someone went to the trouble of offering some help?

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

ClevaTreva
ClevaTreva's picture
Offline
Guru
A hilly place, UK
Last seen: 1 year 40 weeks ago
A hilly place, UK
Joined: 2004-02-05
Posts: 2902
Points: 0

When I tried that it didn't

When I tried that it didn't work across all browsers.

The problem is def that div though. Strip out the code and it is clearly that.

Must be a collapsing margins thing, but my brain couldn't cope.

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

loving the emoticon

loving the emoticon Smile

trouble with the layout is it's predicated on a slightly unsound basis, and I'm not sure why the whole thing is wrapped in a form element but suppose there's a good reason :shrug:

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

vinhboy
vinhboy's picture
Offline
Enthusiast
davis, ca
Last seen: 11 years 46 weeks ago
davis, ca
Joined: 2006-12-21
Posts: 257
Points: 0

seems strange, but i am with

seems strange, but i am with you Hugo, I am not really interested in the $50. I just wanted to help him.

the problem is a basic margin problem, which hugo has discussed before on this forum. however, the fix is not going to work if he refuses to change the html.

Chris..S
Chris..S's picture
Offline
Moderator
Last seen: 7 years 46 weeks ago
Timezone: GMT+1
Joined: 2005-02-22
Posts: 6078
Points: 173

If you're not interested in

If you're not interested in the money -- nominate a charity. I'm sure they'll appreciate it Laughing out loud

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

Actually an excellent

Actually an excellent suggestion Chris, it's even food for thought on ways people could show appreciation of help received on forums if a forum was to adopt a favourite charity to support and accept volantary donations through paypal?

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

ClevaTreva
ClevaTreva's picture
Offline
Guru
A hilly place, UK
Last seen: 1 year 40 weeks ago
A hilly place, UK
Joined: 2004-02-05
Posts: 2902
Points: 0

Hugo wrote:Actually an

Hugo wrote:
Actually an excellent suggestion Chris, it's even food for thought on ways people could show appreciation of help received on forums if a forum was to adopt a favourite charity to support and accept volantary donations through paypal?

Hugo

THAT IS AN EXCELLENT idea.

Maybe we should invite one of those PC's in the 3rd world type of charities to have a donate button for the folks that gain commercially for the help they get.

Trevor

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

I wonder whether it would

I wonder whether it would work in practise? I do sort of like the idea, it be interesting to hear other views on the subject and possible methods to choose/ agree a charity.

We'll have to wait until Tony returns and put it to him and see what he thinks/feels on the subject.

There's probably some impediment to doing it though, not thought of.

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

Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 5 years 42 weeks ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

Hugo wrote:We'll have to

Hugo wrote:
We'll have to wait until Tony returns and put it to him and see what he thinks/feels on the subject.

Tony works for an organisation that raises funds so disadvantaged youth can learn IT-related skills, so it sounds like something he could be interested in.

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference

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

Of course he does, had

Of course he does, had forgotten that.

Just trying to think of the possible problems to such an idea, the more I think of it and of the manner in which help forums are used now it would be a nice idea.

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

vinhboy
vinhboy's picture
Offline
Enthusiast
davis, ca
Last seen: 11 years 46 weeks ago
davis, ca
Joined: 2006-12-21
Posts: 257
Points: 0

first question, do you guys

first question, do you guys get paid to be moderators?
second question, its been at least two years and you guys just thought of the donation system now? haha...

but anyways, I think its a good idea. If someone offers to donate money along with their problem, I would do a full mock and browser check it for them.

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

vinhboy wrote:first

vinhboy wrote:
first question, do you guys get paid to be moderators?


Get paid ! of course we don't, go wash your mouth out!

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

thepineapplehead
thepineapplehead's picture
Offline
Guru
Last seen: 20 weeks 2 days ago
Joined: 2004-06-30
Posts: 9668
Points: 801

vinhboy wrote:first

vinhboy wrote:
first question, do you guys get paid to be moderators?

I'm sure at times a lot of us wish we did Smile but being a mod (or a member) of a forum isn't about money, it's about being part of a community and helping others by doing what you love.

It's not like work where you may have to do things you don't like - on the internet, you're free to do as little or as much as you wish.

I love helping people Laughing out loud I'm a mod here, a member of the PCF Forum (tech magazine) and CDG (Counter-strike forum) and it's nice to be loved.

Verschwindende wrote:
  • CSS doesn't make pies

carni77
Offline
newbie
Last seen: 13 years 27 weeks ago
Joined: 2007-01-25
Posts: 7
Points: 0

Still Doesn't Work right

vihnboy,

I tried your code. It looks better, but the text still runs off the side under the flash and the bottom margin doesn't synch up correctly in firefox. I am sure there is a solution to this. I have put your code in use under the http://www.insignedesign.com/testcase.html so someone maybe can build on it.

The competition is still going. First one to get to the complete solution wins.

JDooley

vinhboy
vinhboy's picture
Offline
Enthusiast
davis, ca
Last seen: 11 years 46 weeks ago
davis, ca
Joined: 2006-12-21
Posts: 257
Points: 0

do the following: .JRDBody

do the following:

.JRDBody { font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; margin: 0px; }

#textbody { text-align: left; width: 700px; margin: 0px 0px 0px 240px; font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; /*background-image: url(images/Body.gif)*/ }

I want my $50 in small unmarked bills. Hahha. Just kidding.
If I fixed your problem. Donate $50 to protect the environment.

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

Well this bit is easy,

Well this bit is easy, surprised you didn't figure it out. If you care to make a donation to a charity of your choice for a fair amount lets say ~$20 then I'll give you the last bit of the jigsaw Smile

Oh proof of donation required Smile

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

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

It's simpler than that

It's simpler than that vinhboy Wink

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

carni77
Offline
newbie
Last seen: 13 years 27 weeks ago
Joined: 2007-01-25
Posts: 7
Points: 0

Nice work.

Vihnboy,

Nice work. Are you sure you dont want the money? E-mail me if you do, otherwise I will donate to an enviromental charity as requested.

Anyone want to recommend their fav environmental charity?

Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 5 years 42 weeks ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

WWF (no, it's not about

WWF (no, it's not about wrestling Wink)

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference

Triumph (not verified)
Anonymous's picture
Guru

Why not donate to a charity

Why not donate to a charity with which Tony is affiliated?

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

Just donate the money.

Just donate the money.

As you seem to be ignoring my request for clarification on your attitude to your previouse thread - and why shouldn't you ignore it after all what's it matter Wink - I'll just re-iterate in furure please have the curtecy to reply to people who have bothered to try and help you even if that help isn't exactly what you expect and require.

Hugo.

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

carni77
Offline
newbie
Last seen: 13 years 27 weeks ago
Joined: 2007-01-25
Posts: 7
Points: 0

Donation to the National Park Foundation

Just so everyone knows I'm not a slime sucker:

Dear Jeremy,

Thank you for your recent online contribution to the General Fund of the National Park Foundation. It is because of your support, and the growing number of generous donors like you, that the National Park Foundation is able to enrich the National Park experience for millions of people. Thank you for this gift and your enduring appreciation for the National Parks that the donation represents.

You will soon receive a confirmation email that will serve as your official tax receipt. Please make sure to print out that second email for your tax records.

Thank you again for your generosity.

Sincerely,

Vin Cipolla
President and Chief Executive Officer

Chris..S
Chris..S's picture
Offline
Moderator
Last seen: 7 years 46 weeks ago
Timezone: GMT+1
Joined: 2005-02-22
Posts: 6078
Points: 173

Well done.

Well done. Smile

thepineapplehead
thepineapplehead's picture
Offline
Guru
Last seen: 20 weeks 2 days ago
Joined: 2004-06-30
Posts: 9668
Points: 801

Aw, thanks Good of you to

Aw, thanks Laughing out loud Good of you to give something back to somewhere deserving like that. I wish there were more people like you.

Verschwindende wrote:
  • CSS doesn't make pies

john love
john love's picture
Offline
Enthusiast
Last seen: 9 years 15 weeks ago
Timezone: GMT-4
Joined: 2006-12-09
Posts: 62
Points: 14

donations to worthwhile charities

As a struggling neophyte on css, I assure you members that there are not enough words to express my appreciation for all the help I have received.

Trying to figure out "why" the "what" works is sometimes a mystery, but your providing the "what works" is 80% of the battle. Trust me, working from practice to theory is much, much easier for me than working from theory to practice. Maybe it wouldn't be if I knew more of the theory, but maybe in 3+ decades I'll get there.

Anyway, I applaud you for working for the joy of spreading knowledge of css.

To conclude, I really endorse the idea of having a link to a moderately long list of your favorite charities. Maybe the users of this forum would not only deem fit to contribute $10 or whatever, but at the same time mention that "csscreator.com" was the source ... and maybe these charities would see fit to write you an-out-of-sight thank you letter.

Wouldn't that be awesome!

John Love

"Give someone a plate of food and you feed them for today .. teach someone to plant crops and you feed them for life"

Touch the Future! -- Teach!

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

It's a great idea in theory,

It's a great idea in theory, how practical it would be to implement and control would be another matter, there are probably many problems trying to do this not obviously apparent.

One of the ways of course to show gratitude is, when willing and able, to return the favour as it were and help others, also keeping forums fresh and vibrant

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

thepineapplehead
thepineapplehead's picture
Offline
Guru
Last seen: 20 weeks 2 days ago
Joined: 2004-06-30
Posts: 9668
Points: 801

john love wrote:Trying to

john love wrote:
Trying to figure out "why" the "what" works is sometimes a mystery, but your providing the "what works" is 80% of the battle. Trust me, working from practice to theory is much, much easier for me than working from theory to practice. Maybe it wouldn't be if I knew more of the theory, but maybe in 3+ decades I'll get there.

It's taken me 5ish years to get here, and 99% of what I've learnt has been from these forums Wink

Verschwindende wrote:
  • CSS doesn't make pies

Tony
Tony's picture
Offline
Moderator
Brisbane
Last seen: 23 hours 30 min ago
Brisbane
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5343
Points: 2964

donation

I have started a topic http://www.csscreator.com/node/20173 to see what interest there is in donating.