why is this like this in FF and in IE its fine |
why is this like this in FF and in IE its fine |
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 ![]() |
|
|
|
![]() |
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. |
|
|
|
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! |
|
|
|
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> |
|
|
|
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> |
|
|
|
Nov 27 2007, 04:08 PM
Post
#6
|
|
![]() Offline. ![]() ![]() ![]() ![]() ![]() Group: Official Designer Posts: 609 Joined: Mar 2007 Member No: 507,591 |
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... |
|
|
|
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." |
|
|
|
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> |
|
|
|
Nov 29 2007, 04:10 AM
Post
#9
|
|
|
Newbie ![]() Group: Member Posts: 2 Joined: Apr 2006 Member No: 392,020 |
|
|
|
|
![]() ![]() |