Jump to content
Jonas

Browser Discussion

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

Share this post


Link to post
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.

Share this post


Link to post
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.

Share this post


Link to post
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.

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

What some of you are saying is true, but i think IE is great, even if it's not the best. Browsers like firefox an chrome are more effective in alot of things but IE still has it's name.

Share this post


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

Share this post


Link to post
Share on other sites

@mehdikhalifeh It cannot be done. The site owners post the content for free, so we do not have to pay for it. In exchange, they want us to view their advertisements. That is how they earn money.

Share this post


Link to post
Share on other sites

Arf! I don't know if somebody said the same thing before but I think even if there are some browsers which are better than the others, the only one goal we should have, as developpers, is to make the website which will be compatible with all of them (by "them", I mean "browsers").

Share this post


Link to post
Share on other sites

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!

Share this post


Link to post
Share on other sites

@davej

 

I checked the first site you provided. I'm still only in the beginning stages of building the site. So far I have only used divs in my css, so shouldn't it be working in IE?

Share this post


Link to post
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>

Share this post


Link to post
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">

Share this post


Link to post
Share on other sites

@davej

 

Here are some screenshots (will they work?) One is my HTML and then I also attached what it looks like in safari and what it looks like in internet explorer (it's supposed to look like the safari one)

post-181676-0-71800400-1426868446_thumb.png

post-181676-0-02385600-1426868473_thumb.png

post-181676-0-07478700-1426868479_thumb.png

Share this post


Link to post
Share on other sites

You should copy and paste your code into a code block <> like this...

This is a code block

Share this post


Link to post
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;		}

Share this post


Link to post
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

Share this post


Link to post
Share on other sites

@davej

 

Ok cool...so if I wanted to make it work for IE10 would I have to redirect it somehow to open different code when that browser is used?

 

Thank you davej, I really appreciate your help!

Share this post


Link to post
Share on other sites

No, you should probably go ahead and try to figure out what IE10 is doing differently, since you have IE10 available.

Share this post


Link to post
Share on other sites

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.

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...

×
×
  • Create New...