Jump to content

Browser Discussion


Jonas

Recommended Posts

agreed. recently over the past month or so I've been working with Chrome's developer tools. I think w/FF4's release, I'm going to work with it for this month and see how I get on. I used to use exclusively but switched to Chrome for a while after our boss played us a video demonstration from the Chome development team on our lunch break a couple months ago. I've also used your link @ShadowMage and installed a few of those Swarm extensions. I'm really excited about EventBug and FirePHP.

Edited by thescientist
Link to comment
Share on other sites

I've really been enjoying Opera Dragonfly. It is web-based, which has its advantages and disadvantages. The advantage is that it does affect the browser's speed until you load the console. I believe it is possible to download the Dragonfly script so it is running locally.

Link to comment
Share on other sites

FireBug 1.7 seems to be a little bit laggy in comparison to its predecessor. Especially on the script tab. As I'm scrolling through my (couple thousand) lines of code it takes about a half second for it to refresh and display the code. With the older version it was smooth scrolling.
There were some fixes I think. I installed 1.7 the day it came out and now I'm seeing its incompatible with ff3.
Link to comment
Share on other sites

I've really been enjoying Opera Dragonfly. It is web-based, which has its advantages and disadvantages. The advantage is that it does affect the browser's speed until you load the console. I believe it is possible to download the Dragonfly script so it is running locally.
Isn't it local by default? I used it on my localhost.
Link to comment
Share on other sites

  • 8 months later...

Chrome A+Opera AFirefox B+IE D- My opinion of browsers. I prefer Chrome. It never fails me and always seems to be compatible with the new CSS3 updates and such.Opera seems to work pretty well as well. I like over Firefox just because firefox always seems to give me "Errors" on stuff that really doesn't matter.IE is just terrible. The only reason it isn't an F is because you can still search the web. It never ceases to amaze me how everything works in the other 3, but IE still doesn't work. Favorite Web Design Quote: "My website works in all decent browsers... Therefore it doesn't work in IE"

  • Like 1
Link to comment
Share on other sites

  • 11 months later...
  • 1 month later...
Favorite Web Design Quote: "My website works in all decent browsers... Therefore it doesn't work in IE"
:) nods to SirCharlo Edited by thescientist
Link to comment
Share on other sites

  • 1 month later...
  • 3 weeks later...
  • 2 years later...

Hello Everyone,

I'm fairly new to web design and the new site I'm working on looks awesome in safari but when I open it in internet explorer it's all screwed up. I didn't know if there was an easy way to make everything the same across the board?

If not, what is the easiest/best way to do go about making sure they are all the same?

Thank You!

Link to comment
Share on other sites

When you mention incompatibilities between browsers you need to be quite specific. Which exact browsers versions are you comparing? Which exact types of HTML/CSS features are you trying to use? Does your website have the correct DOCTYPE and pass the validation tests available here...

 

http://validator.w3.org/#validate_by_uri

 

A new page being created today should have this form...

<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><title>tab</title><style>/* local styles */h1{color: green;}</style></head><body><h1>Hello World!</h1></body></html>
Link to comment
Share on other sites

@davej Sorry, as I said, I'm pretty new to this. I'm comparing Safari version 7.1.3 and Internet Explorer 10. As far as my HTML/CSS, I think it's pretty basic, I've just been using div id's. and honestly I have no idea about the DOCTYPE thing, but this is everything above the head.

 

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Link to comment
Share on other sites

@davej

 

Ill give you the HTML and CSS

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /><title>Untitled Document</title><link rel="stylesheet" type="text/css" href="home.css"></head><body><div id="container"><div id="topBar"><div id="navOne"><a href="" style="text-decoration:none; font-family:Arial, Helvetica, sans-serif; color: #FFF; font-weight:100; margin:130px;">DESIGNS</a><a href="" style="text-decoration:none; font-family:Arial, Helvetica, sans-serif; color: #FFF; font-weight:100; margin:20px;">GALLERY</a></div><div id="logo"><img src="../Images/Haube_White.png" width="356" height="154" /></div><div id="navTwo"><a href="" style="text-decoration:none; font-family:Arial, Helvetica, sans-serif; color: #FFF; font-weight:100; margin-left:90px;">ABOUT</a><a href="" style="text-decoration:none; font-family:Arial, Helvetica, sans-serif; color: #FFF; font-weight:100; margin-left:145px;">CONTACT</a></div><div id="content"><div id="contentTop"></div><div id="contentBottom"></div></div><div id="footer"></div></div></div></div></div></body></html>
@charset "UTF-8";/* CSS Document */body{	margin-top:0px;	margin-bottom:0px;	margin-left:0px;	margin-right:0px;	}#container {	width:1400px;	height:900px;	margin:0 auto;	background-image: url(../Images/background_image.jpg);}#topBar {	width:1400px;	height:180px;	margin:0 auto;}#navOne {	width:521px;	height:17px;		display:inline-block;	margin-right:0px;	font-family: Arial, Helvetica, sans-serif;	letter-spacing: 3px;	font-size: 14px;	margin-left:0px;}#navTwo {	width:521px;	height:20px;	display:inline-block;	margin:0px;	font-family: Arial, Helvetica, sans-serif;	letter-spacing: 3px;	font-size: 14px;	margin-left:0px;}#logo {	width:350px;	height:150px;	display:inline-block;	margin-left:0px;	padding-top:30px;	}#content {	width:1140px;	height:562px;	background-color: #F00;	margin-left: auto;	margin-right: auto;	margin-top:40px;		}#contentTop {	width:1140px;	height:400px;	background-color: #0F0;	margin-left: auto;	margin-right: auto;	margin-top:40px;		}#contentBottom {	width:564px;	height:150px;	background-color: #0F0;	margin-top:12px;	}#footer {	width: 1375px;	height:50px;	background-color: #FFF;	margin-left: auto;	margin-right: auto;	margin-top: 110px;		}
Link to comment
Share on other sites

You have a few extra </div> tags but this looks fine in IE11. I don't have IE10 available. Firefox 36 displays the navbars up higher, which can be fixed by adding margin-top to the nav bars

Link to comment
Share on other sites

  • 3 months later...

In my app i have used css3 feature to make a self scrolling(right to left) showcase of images.I used animation on marquee with delay of a second in each shift from right to left.Its working appropriately in chrome but in the latest version of firefox the images disappeared at all and in ie latest version they are shown in different sizes.I cannot understand the reason behind such different behavior.

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...