Log In · Register

 
 
Closed TopicStart new topic
why is this like this in FF and in IE its fine
Kens
post Nov 25 2007, 09:19 PM
Post #1


Senior Member
***

Group: Member
Posts: 45
Joined: Jun 2007
Member No: 535,839



see the "heroes" title, yeah why is it like that...in IE its longer then in FF, know how to fix that?

firefox


&&&

IE



 
S-Majere
post Nov 26 2007, 05:03 AM
Post #2


Addict
*******

Group: Staff Alumni
Posts: 3,918
Joined: Jun 2007
Member No: 538,522



I would make a sarcastic remark here about the nature of Firefox.

But please post your code so we can see what you're using.
 
pandora
post Nov 26 2007, 05:40 AM
Post #3


i did your boyfriend
*******

Group: Official Designer
Posts: 3,335
Joined: Feb 2004
Member No: 4,071



firefox isnt doing anything wrong. it's IE that's ass backwards!

down with Microsoft!
 
newkidontheblock
post Nov 26 2007, 06:46 AM
Post #4


Offline.
*****

Group: Official Designer
Posts: 609
Joined: Mar 2007
Member No: 507,591



I Got To Go With That Firefox Does Not Support Direct Width Or Height.

I Did An Example For You
IE

FireFox

http://fawaz.newsit.es/tes/test2.html = Test
See How Its Different In Both...

HERE IS THE CODE I USED
CODE
<style type="text/css" >

.text { width:500px; height:80px; }
.text a { width:500px; height:80px; background-color:777777; }
.text a:hover { width:500px; height:80px; background-color:555555; }


</style>

<div class="text" >
<a href="http://createblog.com/" > Tesr Link </a>
</div>
 
pandora
post Nov 26 2007, 02:20 PM
Post #5


i did your boyfriend
*******

Group: Official Designer
Posts: 3,335
Joined: Feb 2004
Member No: 4,071



you need to add display: block;

CODE
<style type="text/css">
.text a:link {background-color: #666666; width: 500px; height:20px; display: block;}
.text a:hover {background-color: #555555; width: 500px; height:20px; display: block;}


</style>

<div class="text">
<a href="http://createblog.com/"> Tesr Link </a>
</div>
 
newkidontheblock
post Nov 27 2007, 04:08 PM
Post #6


Offline.
*****

Group: Official Designer
Posts: 609
Joined: Mar 2007
Member No: 507,591



QUOTE(sweetasphyxia @ Nov 26 2007, 02:20 PM) *
you need to add display: block;

CODE
<style type="text/css">
.text a:link {background-color: #666666; width: 500px; height:20px; display: block;}
.text a:hover {background-color: #555555; width: 500px; height:20px; display: block;}
</style>

<div class="text">
<a href="http://createblog.com/"> Tesr Link </a>
</div>


That Was Just An Example Of Why Its Like That...
 
pandora
post Nov 27 2007, 04:56 PM
Post #7


i did your boyfriend
*******

Group: Official Designer
Posts: 3,335
Joined: Feb 2004
Member No: 4,071



Stop Typing With Every First Letter Caps.

it might be better to actually offer a solution rather than reiterate her problem with improper coding and then falsely state that firefox doesnt support "direct width."
 
newkidontheblock
post Nov 28 2007, 04:23 PM
Post #8


Offline.
*****

Group: Official Designer
Posts: 609
Joined: Mar 2007
Member No: 507,591



^
^ Is It A Problem How I Type...

Try This
CODE
<style type="text/css" >
.lightbluetext8 { display:block; }
</style>
 
theregoeslov
post Nov 29 2007, 04:10 AM
Post #9


Newbie
*

Group: Member
Posts: 2
Joined: Apr 2006
Member No: 392,020



QUOTE(sweetasphyxia @ Nov 26 2007, 06:40 AM) *
firefox isnt doing anything wrong. it's IE that's ass backwards!

down with Microsoft!


Heck yeah! :)
 

Closed TopicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members: