My website looks different on different browsers.

Question

0.00/5 (No votes)

See more:

Hi,

I have created a website, http://www.bicd.info[^]. When I open it on any browser in my laptop, its ok.

But on big display or mobile, it shows little bit different. How can I solve this problem?

Tnx

Posted 24-Sep-13 2:21am

Nuruzzaman Bepari

Updated 24-Sep-13 10:03am

Maciej Los

v3

Add a Solution

Comments

[no name] 24-Sep-13 8:22am

Probably by going and researching "CSS".

3 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Sergey Alexandrovich Kryukov · Accepted Answer · 2013-09-24T07:39:00

Solution 1

The layout engines of different browsers are different. This can be frustrating, but this is a fact of life. You will have to leave with that and take into account in your design. Please see my past answer: webpages layout change when running in different browsers.[^].

—SA

Posted 24-Sep-13 7:39am

Sergey Alexandrovich Kryukov

Comments

Abhinav S 24-Sep-13 13:45pm

5.

Sergey Alexandrovich Kryukov 24-Sep-13 14:36pm

Thank you, Abhinav.
—SA

Maciej Los 24-Sep-13 16:05pm

Agree with Abhinav ;)

Sergey Alexandrovich Kryukov 24-Sep-13 16:51pm

Thank you, Maciej.
—SA

pasztorpisti 28-Sep-13 18:01pm

+5, I've just cleared my filter to see all questions but I quickly restore it to avoid topics like this... Ugly client side web development problems (with wiki pages???) left unresolved for more than a decade??? :-)

Sergey Alexandrovich Kryukov 29-Sep-13 1:23am

True. I think, even doing Web development, it's important to stay away from certain issues instead of trying to solve them.
Thank you.
—SA

pasztorpisti 29-Sep-13 5:19am

I've did client side web development mostly in pre-css era for a relatively short time, that was enough for me. While learning it I had the feeling that most of the time was consumed searching for the intersection of the functionality of the actual version of the most popular browsers (that is a very volatile and "useless" knowledge). I've decided to spend my life with more valuable things. Despite this I often use HTTP servers and HTTP protocol as a communication channel and sometimes I put together ultra-simple debug/utility intranet sites but I support only Firefox and these sites are so simple and ugly (focus is often exclusively on usability) that they often work with any browser.

Sergey Alexandrovich Kryukov 29-Sep-13 11:21am

Understood. I call it "junk knowledge". It's very important to sort out junk knowledge from fundamentals and get both, but in proportions dictated by strong priorities. Otherwise, wasting time can easily turn into wasting a life.
—SA

pasztorpisti 29-Sep-13 12:49pm

"junk knowledge" :-) Sounds good! Agree with the latter statement too. Unfortunately more or less noise is present in every area and in some cases it's hard to decide what to extract as fundamentals. This is especially true in case of a beginner in an area, you know, there are so many tutorials and everything you read on the internet is of course true! :-)

Sergey Alexandrovich Kryukov 29-Sep-13 22:52pm

An amazing argument you can here sometimes: "I no exactly, because I read about it in internet.." :-)
—SA

Abhinav S · Accepted Answer · 2013-09-24T07:46:00

Solution 2

Nothing much you can do about it but redesign your application differently for the phone.
That is something you will have to fix yourself.

Posted 24-Sep-13 7:46am

Abhinav S

Comments

Sergey Alexandrovich Kryukov 24-Sep-13 14:37pm

I have to agree, a 5. I only what to emphasize that such redesign can actually cover wide range of different devices and sizes, it the concept of fluid or liquid design is embraced.
—SA

Abhinav S 24-Sep-13 22:41pm

Thank you SA.

Maciej Los 24-Sep-13 16:06pm

Agree with Sergey ;)

Abhinav S 24-Sep-13 22:42pm

Thank you.

Abhinav Gauniyal · Accepted Answer · 2013-09-24T07:52:00

Solution 3

Most modern browsers render the same design when coded properly with CSS . If you are using an old browser eg. IE<8 or something like that , then you might face that kind of problem.
I am not sure of Modern Browsers showing that kind of variation ..

Posted 24-Sep-13 7:52am

Abhinav Gauniyal

Comments

Sergey Alexandrovich Kryukov 24-Sep-13 14:38pm

No, they do show a lot of variation. The design approach should not try to make rendering identical, but it should take differences into account. Please see my answer. (I did not vote.)
—SA

Abhinav Gauniyal 24-Sep-13 14:52pm

Well yes they do show variations but only if a particular feature ( eg. some CSS3 ) property isnt fully supported i guess. But while noticing OP's website , i didnt found anything that might show variations. And if he is asking about different devices like some other hand-held devices , then there will be variations due to screen size.

Or i am missing something here?

Sergey Alexandrovich Kryukov 24-Sep-13 16:58pm

You are basically right, only 1) some subtle variations can be visible only if you closely examine two rendered images side by side, 2) none of the Web sites can stay intact forever; new updates even to the OP's site can make variations more visible. That's why it is important to take into account the differences between layout engines from the perspectives of some primary goals, and those goals should not include 100% match in all details; at the time being, this is just not realistic. The goals should be: present good context, clear readability and good navigation, and perhaps, unique recognizable look (it does not mean decorations and excess complexity, it means thorough design, nice unique color gamut, good unique pictures.) Do you see the difference?

By the way, these days all people capable of design and having good taste can relatively easily achieve the goal to stand out. Do I have to explain why? Just because 99.999% of present-day site designs are abominate. :-)

—SA

Abhinav Gauniyal 25-Sep-13 9:31am

Just 2 words sir : Hence Proved :)