12 replies [Last post]
guillermo
Offline
newbie
Luxembourg
Last seen: 15 years 38 weeks ago
Luxembourg
Joined: 2007-05-17
Posts: 6
Points: 0

Hello!

I'm working on a mac and have Safari, Firefox and Opera installed.

Both Safari and Opera (the best two browsers on earth) display everything perfectly.

Firefox doesn't. I've tweaked things to the maximum, and wasted lots of hours making it FF compatible, but why do I have to do this?!

My latest problem is regarding Div's.
I've put one inside another and FF simply f**ks everything up and doesnt apply the style (css).

The page I'm talking about is:

http://www.guessit.org/profile.php?user=16

You can even see it perfectly under IE!

Oh, btw, while you are at it, you can bookmarkt the site if you like it. Tongue
I should launch it in the following weeks. Smile

mihirc
mihirc's picture
Offline
Leader
Pune, Maharashtra, India
Last seen: 8 years 26 weeks ago
Pune, Maharashtra, India
Timezone: GMT+5.5
Joined: 2007-05-09
Posts: 728
Points: 204

hi, why dont you specify

hi,
why dont you specify your problem, instead of just telling us , you have one div on the other???

Cant help you with ur description...

mihir. Smile

Proprietor - Thoughtfulviewfinder Services
Web Development | Design | Merchandise | Photography
My personal blog: MihirChhatre.com

guillermo
Offline
newbie
Luxembourg
Last seen: 15 years 38 weeks ago
Luxembourg
Joined: 2007-05-17
Posts: 6
Points: 0

well, the problem is that on

well, the problem is that on Firefox divs inside divs the way I've put them arent displayed well; all the positioning of layers is broken, its just a disaster. (compare http://www.guessit.org/profile.php?user=16 on Opera/IE/Safari and Firefox to see the difference)

Here's my current code:

{picture}

Username:

{username}{bulb}

Total points:

{points}

Rank:

{rank}

Guesses:

{guno}

Uploads:

{uploaded}

Friends:

{friendsno}

Favorites:

{favoritesno}

Profile views:

{views}

Member since:

{membersince}

Last login:

{lastlogin}

Being each numeric 'id' one that specifies only its width.
e.g. id=120 => width:120px

that code is just for the top part of the profile, not the details.

the style (applied by ) doesn't seem to affect firefox unless I put it each time under every single div tag.
This code works perfectly under Safari, Opera and IE5+. My code was easy to tweak to make it work under IE, but Firefox just kills me..

Thanks a lot in advance,

Cheers!

Will.

mihirc
mihirc's picture
Offline
Leader
Pune, Maharashtra, India
Last seen: 8 years 26 weeks ago
Pune, Maharashtra, India
Timezone: GMT+5.5
Joined: 2007-05-09
Posts: 728
Points: 204

hi, First and foremost, you

hi, First and foremost, you have not read the sticky, and when i validated your page i didnt find a !Doctype in your html. And that might be the one and only for it now functioning properly.

It is also called DTD... and if you check the sticky or http://www.csscreator.com/node/4374 , you will find why it is necessary to do so...

mihir Smile

Proprietor - Thoughtfulviewfinder Services
Web Development | Design | Merchandise | Photography
My personal blog: MihirChhatre.com

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

So the lesson learned is

So the lesson learned is don't be so hasty to place blame on poor old Firefox Smile

fyi FF is the web dev browser of choice due to the fact that it handles and renders CSS closest to the specs, but all this is predicated on rendering in Standards mode!

If you're on a Mac where is Camino amongst browsers of note, it's certainly better than Safari.

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

guillermo
Offline
newbie
Luxembourg
Last seen: 15 years 38 weeks ago
Luxembourg
Joined: 2007-05-17
Posts: 6
Points: 0

The thing is I had already

The thing is I had already tried to put a doctype, and it only makes some of my fonts smaller.
Doctype didnt fix the layout issue I still have.
And if Safari and Opera display it correctly it means there is surely something wrong with Firefox.
Furthermore, IE, which always displays things faulty displays this perfectly, so it's 100% FF's fault.

There is just something wrong with FF and Divs...

Some (actual) help would be appreciated.

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

guillermo, please understand

guillermo, please understand that you MUST render in Standards mode and that people are trying to help you so less of the cheeky remarks.

The Doctype didn't fix the problems likely due to your lack of CSS knowledge, you cannot use numeric characters to begin an ID with.

You must include that DTD and stop blaming FF in this rather annoying way as I said earlier FF IS NOT TO BLAME Smile

Never believe the display that you see in IE this is rule 1 for CSS coders, Firefox is the web dev browser due to the fact that it DOES display correctly but it also follows rules more closely than other browsers.

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

guillermo
Offline
newbie
Luxembourg
Last seen: 15 years 38 weeks ago
Luxembourg
Joined: 2007-05-17
Posts: 6
Points: 0

Oh, I didnt know I couldnt

Oh, I didnt know I couldnt use numbers for ids. Maybe that is the problem. I'll try right away.
And concerning the cheeky remarks, sorry its just that the frustration of having this not working in firefox over many months has made me utterly hate firefox and everything related to it. I can't bear to the the silly fox anymore.
Well, I'll see if this fixes things. I'll keep you posted.

Many thanks, and sorry again :/

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

No problem But honestly

No problem Smile

But honestly Firefox is not silly, I promise you it's really rather good!

V.bad on memory leaking though.

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

guillermo
Offline
newbie
Luxembourg
Last seen: 15 years 38 weeks ago
Luxembourg
Joined: 2007-05-17
Posts: 6
Points: 0

wow, it was that bloody

wow, it was that bloody thing!
Don't you think then that FF is a bit too strict code wise?

I can't belive it got fixed up Laughing out loud
Thanks a lot, my opinion of FF has gotten much better. I will no longer trash it as I used to .. Tongue

Thanks again, Hugo Laughing out loud

I'll apply the styling now.

guillermo
Offline
newbie
Luxembourg
Last seen: 15 years 38 weeks ago
Luxembourg
Joined: 2007-05-17
Posts: 6
Points: 0

Perfect now Thanks!

Perfect now Laughing out loud
Thanks! Wink

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

It's not too strict it just

It's not too strict it just attempts to follow the specifications, which are there to enable a common set of standards so that these cross browser problems don't exist

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
Moderator
Last seen: 41 weeks 2 days ago
Timezone: GMT+1
Joined: 2004-06-30
Posts: 9683
Points: 819

If Firefox wasn't strict

If Firefox wasn't strict then nobody would write proper code.

Verschwindende wrote:
  • CSS doesn't make pies