How do I make my webpage adjustable to what browser it displays in?

Question

I am using Microsoft Expression Web Designer (Beta), and when I look at may page in different browsers, it displays differently. For example in one browser everything looks great. In another it wraps text, and changes fonts, and makes them overlap. How do I make my page adjust to other browser settings?

Answer 1

Yes, IE has a different DOM. *sigh* It is the bane of web designers world wide.

Use scaleable values to design things: EMs scale, percentages scale, and word values (CSS: font-weight: bold) scale. I usually set the page width to a percentage, so it looks relatively the same in all browsers. I use ems and percentages whenever possible for sizing.

Answer 2

Every browser has a different DOM (Document Object Model). This is the architecture that tells the browser how to display your webpage. You should not use an editor if you are worried about that. Instead, go to www.w3schools.com and learn the following:
"Learn HTML"
"Learn CSS"

They are easy and you should get a good grasp of why your site looks different on each browser.

Answer 3

that's because Microsoft uses proprietary extensions and non-standard features... stick with MS and your experiences will only grow!

When you get serious you test in different browsers every day! at least 3!

Answer 4

hi, you're able to do this a pair of approaches. a img {   border: none; } or if basically a hassle-free url: The hyperlink /a Regards, Javalad

Answer 5

use javascript
it will tell you the browser
navigator.userAgent.toLowerCase();
ex: agt.indexOf("msie") != -1) return 'Internet Explorer'
this will detect ie... look up what all there is with this