Today's Posts Follow Us On Twitter! TFL Members on Twitter  
Forum search: Advanced Search  
Navigation
Marketplace
  Members Login:
Lost password?
  Forum Statistics:
Forum Members: 24,254
Total Threads: 80,792
Total Posts: 566,471
There are 1078 users currently browsing (tf).
 
  Our Partners:
 
  TalkFreelance     Design and Development     HTML/XHTML/DHTML/CSS :

CSS in Firefox

Thread title: CSS in Firefox
Closed Thread    
    Thread tools Search this thread Display Modes  
02-24-2005, 04:29 PM
#1
RichardAFCB is offline RichardAFCB
Status: I'm new around here
Join date: Feb 2005
Location:
Expertise:
Software:
 
Posts: 12
iTrader: 0 / 0%
 

RichardAFCB is on a distinguished road

  Old  CSS in Firefox

Hi all,

I have a problem with the way my site is displaying in Firefox. It's fine in Internet Explorer, but isn't working properly in Firefox. Any ideas?

http://www.nowaysylent.co.uk/richmedia2/index3.html

Cheers,

Richard

02-27-2005, 09:00 PM
#2
DateinaDash is offline DateinaDash
Status: The BidMaster
Join date: Nov 2004
Location: England
Expertise:
Software:
 
Posts: 10,821
iTrader: 0 / 0%
 

DateinaDash is on a distinguished road

  Old

Infact, in explorer the bottom images (the three) aren't appearing centered but to the right hand side. Sorry I don't have firefox so can't check it in that for you.

02-27-2005, 09:22 PM
#3
opserty is offline opserty
Status: I love this place
Join date: Jan 2005
Location: UK, Birmingham
Expertise:
Software:
 
Posts: 606
iTrader: 0 / 0%
 

opserty is on a distinguished road

Send a message via MSN to opserty

  Old

The height for div.bottom is set to 20px but the images are 144pixels high?

02-27-2005, 09:50 PM
#4
eric_bobbitt is offline eric_bobbitt
eric_bobbitt's Avatar
Status: Junior Member
Join date: Feb 2005
Location: Rockton, IL
Expertise:
Software:
 
Posts: 73
iTrader: 0 / 0%
 

eric_bobbitt is on a distinguished road

Send a message via AIM to eric_bobbitt

  Old

Well first off, Internet Explorer is the one that is displaying it wrong. IE does not comply to W3 standards so your code is being displayed improperly. Firefox is displaying it correctly.

Here is your current div

div.bottom
{
width: 700px;
height: 20px;
padding-top: 8px;
margin-top: 16px;
text-align: right;
background-color: #CC0000;
border-top: 1px solid #000000;
clear: both;
}

The reason firefox displays this like it is, is simply becuase you told it too. text-align: right; will make everything display to the right hand side (not just text). You also have no padding in between the images, therefore the images are right next to each other as you can see.

You might want to try this:

div.bottom
{
width: 700px;
padding: 8px;
margin-top: 16px;
text-align: center;
background-color: #CC0000;
border-top: 1px solid #000000;
clear: both;
}

Let me the know the results, and i'll guide you from their.

03-04-2005, 10:27 PM
#5
Lord Kalthorn is offline Lord Kalthorn
Lord Kalthorn's Avatar
Status: I love this place
Join date: Jan 2005
Location: Greathanc
Expertise:
Software:
 
Posts: 743
iTrader: 0 / 0%
 

Lord Kalthorn is on a distinguished road

Send a message via MSN to Lord Kalthorn

  Old

Most people use Internet Explorer. 9 in 10 in fact. W3 Standards have little affect on which is right when that number of people use it. Internet Explorer hence is right - Firefox and W3 are wrong.

03-04-2005, 10:32 PM
#6
eric_bobbitt is offline eric_bobbitt
eric_bobbitt's Avatar
Status: Junior Member
Join date: Feb 2005
Location: Rockton, IL
Expertise:
Software:
 
Posts: 73
iTrader: 0 / 0%
 

eric_bobbitt is on a distinguished road

Send a message via AIM to eric_bobbitt

  Old

Originally Posted by Lord Kalthorn
Most people use Internet Explorer. 9 in 10 in fact. W3 Standards have little affect on which is right when that number of people use it. Internet Explorer hence is right - Firefox and W3 are wrong.
. . . your joking right?
. . . oh dear. .
. . . someone help him . . .
. . . i just dont have the heart to teach him :\

03-04-2005, 11:06 PM
#7
Lord Kalthorn is offline Lord Kalthorn
Lord Kalthorn's Avatar
Status: I love this place
Join date: Jan 2005
Location: Greathanc
Expertise:
Software:
 
Posts: 743
iTrader: 0 / 0%
 

Lord Kalthorn is on a distinguished road

Send a message via MSN to Lord Kalthorn

  Old

Well its true Standards have to be standard. While standards are only supported by less than 10% of the Browsers they are not such are they - they are general points. While standards are standard they are the standard usage of the system. The Standard usage of the system is Internet Explorer. Hence the standards are what Internet Explorer say.

It has to be said; because its true until your Firefox scum friends gain 50% of Browsers - which they aren't going to anyway. Microsoft Antispyware has been downloaded a fifth of the amount Firefox has in just over a Month. Its not a great deal and I myself have downloaded Firefox three times for Site Testing Purposes - I imagine that happens a lot.

However, Microsoft are in seriously with standards, as they don't want anymore Anti-Trust or Market Loss and you just know Internet Explorer 7 will be more Standards Compliant than Firefox - as it will have ActiveX. Visual Studio and ASP.NET have shown us this is what Microsoft are doing now. ASP.NET 2.0 even renders now in XHTML - what the standards say to render in. And all their Premade code is Standards Compliant with everything - even Disabled Users.

03-04-2005, 11:36 PM
#8
Picard102 is offline Picard102
Picard102's Avatar
Status: BANNED
Join date: Aug 2004
Location:
Expertise:
Software:
 
Posts: 197
iTrader: 0 / 0%
 

Picard102 is on a distinguished road

  Old

Both browsers follow their own interpritation of the W3C guidlines.
You can modify your CSS so it shows up how you want in Firefox and IE if you really have enough FF users to warrent it. Otherwise don't worry about it.

Lord Kalthorn is correct in asserting that the W3C guidelines are not standards as well.

Closed Thread    


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools
Display Modes

  Posting Rules  
Smilies are On
[IMG] code is On
HTML code is Off
Forum Jump:
 
  Contains New Posts Forum Contains New Posts   Contains No New Posts Forum Contains No New Posts   A Closed Forum Forum is Closed