style sheet and layout

[leeutalkin2me]

I am in the process or designing a website and thought I would cross check it with different browsers.

Initially I was using Microsoft IE when designing and was a bit confused when I compared it in the other main browsers - Opera, Safari & Firefox

I have no idea how I get them all the display the same.

As you can see compared to IE, in opera, the black border outline is not present. and in firefox, my top Bar where the logo is, does not stretch completely across the page. And the Left Menu is totally different, wiv diff colours, layout etc

Can someone help me.
Is the style sheet to blame?

And also how do I get a Link to open up a Page in the Centre of my website, instead of using a template for the website design for each and every page. Tis a pain if I change Links as every page would have to be done manually.


www.troublefreetraveladvisor.com/try4.html

[NogDog]

Start by correcting the errors the validators detect:

http://validator.w3.org/check?uri=http%3A%2F%2Fwww.troublefreetraveladvisor.com%2Ftry4.html

http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.troublefreetraveladvisor.com%2Ftry4.html&usermedium=all

[sta12s]

IE doesn't comply to internet standards - while things may look great in Netscape, Safari and Firefox, IE will always be a little bit off. Since most people use IE it wouldn't be a horrible idea to design around IE.

As for changing all your file names, hit ctrl+f to find all the links and replace them with the correct file names.

Also, you can combine both of your styles

-Sta12s

[welsh]

design for firefox, then work to accomidate to the ie bugs. as NopDog said validating will help out alot.

[ray326]

IE doesn't comply to internet standards - while things may look great in Netscape, Safari and Firefox, IE will always be a little bit off. Since most people use IE it wouldn't be a horrible idea to design around IE.The illogic astounds me.

[welsh]

think he means:

IE doesn't comply to internet standards - while things may look great in Netscape, Safari and Firefox, IE will always be a little bit off. Since most people use IE it would be a horrible idea to design around IE.

yea, i agree the first statement doesnt sound right.

[sta12s]

lol - first of it's a SHE

Second - where is the "ill logic"? In designing around IE or the fact that microsoft can't design a deceint product? Jus a friendly Q ...

-Sta12s

[ray326]

The illogic is using as a reference an admitted defective tool. It's like saying, "Yeah, we all know this ruler has 13 inches in a foot but we'll build this house with it anyway because that's what most of our carpenters have."

[sta12s]

There is no ill logic;

Most people buy PC's
Most people wont download a new browsers because they don't know how
Most people have IE

It's not a HORRIBLE (mind you I said Horrible) idea to build around IE for that simple reason.

So in actually it is ill logical to build around anything BUT IE if your demographics fits that niche.

Otherwise - if you're building for a demographic that doesn't prefer IE and actually knows how to download and use a better browser, then you should gear it twords w3 standards.

BTW - does w3 have a book out? I know they have pdf's and txt files you can download, but my printer couldn't handle printing all that out. Any sujestions on a GREAT book that adhires to standards? Much appriciated from the "ill logical" one ... rofl

[drhowarddrfine]

Most people have IE

It's not a HORRIBLE (mind you I said Horrible) idea to build around IE for that simple reason.Look at it this way. Design using Firefox and 100% of the worlds browsers will probably view your page just fine. Design using IE, and 20% to 50% or more of your visitors may not be able to view your page correctly. IE doesn't follow standards while the rest of the world does. Pick one.

if you're building for a demographic that doesn't prefer IE and actually knows how to download and use a better browser, then you should gear it twords w3 standards.This is a very amateur statement. Microsoft, btw, is a member of the W3C and promotes standards. Even their own web site is now standards compliant. They have even joined the Web Standards Project (WASP) to help promote standards compliance AND on their IEBlog they apologize, yes apologize, for not making IE7 more standards compliant.

You have way too much to learn still, grasshopper.

[sta12s]

Ok, first off - Web sites are marketing tools. This guy has a travel website - he needs to know the kinds of people that will be visitng his site before he can build anything - PERIOD

But, he already has something built - considering that he programmed around IE it's not a bad idea to sit down and think about the fact that most people visiting his site might be IE users - or they might not. The fact is there is a HUGE demographic out there that doesn't know how to use their PC! I just had a guy in a class ask me if it was ok to pull the plug out of the back of the comp!! There are people like this still in world. So long as that is the case, there will always be that demographic that won't using anything but IE 7 because

that is all they have
that is all they know


I still have much to learn, but I've known that since I was a kid. Besides, insted of helping and recommended a good book - you descided to state the obvious ... thanks ;)

[ray326]

So in actually it is ill logical to build around anything BUT IE if your demographics fits that niche.Let's see if I can actually get through to you here. You can build it correctly and EVERYONE including IE users will be able to view it. Or you can build it around IE's quirks and ONLY IE users will see what's intended. I take it back. The latter is not illogic, it's idiotic.
Besides, insted of helping and recommended a good book - you descided to state the obvious ... thanksGuess what. The freakin' underlines on the text in my sig indicate that are hypertext links and THEY ARE ALL BOOK RECOMMENDATIONS. :mad:

[Bytes]

Look at it this way. Design using Firefox and 100% of the worlds browsers will probably view your page just fine. Design using IE, and 20% to 50% or more of your visitors may not be able to view your page correctly. IE doesn't follow standards while the rest of the world does. Pick one.

Well Said;

[leeutalkin2me]

Quite a debate into Browsers. from my experience i see how important it is and will not use IE during my Coding etc & will preview with FireFox.

I've had some advice that I should use a 3 Column Layout instead of Tables.
Heres an example - http://bonrouge.com/3c-hf-fluid.php

Is this a good idea. If so i am thinking of using the example, removing the existing CSS stylesheet, re label the Div ID's and re-do my current webdesign, into this structure & hopefully after some time, get it back to how the design was before and be compatibly across the browsers unlike now.

If i use this example. Can i then direct links to open up by simple directing them to the e.g <div id="content"> which would be my center Column. what type of code would i use to do this, javascript? i also heard that i should change the site to .php? recommended?

Im going on holiday for a week and i wanna return and really make a good effort in having a good website design which i can get up and running, without my previous coding errors.

[drhowarddrfine]

BonRouge has some good stuff and is a visitor here. Fluid designs can be tricky so be careful.

[pcthug]

BonRouge has some good stuff and is a visitor here. Fluid designs can be tricky so be careful.
Luckly tere's some good tutorials out there. http://www.alistapart.com/articles/negativemargins/

[jong]

It's not a HORRIBLE (mind you I said Horrible) idea to build around IE for that simple reason.

Why not build for all browsers at the same time?
If your like me & been using ie for years (initially, as it was just there :rolleyes: ) & started out coding with ie.

If your like me you just simply like coding for ie (don't laugh, in my comfort zone)

Get to know ie's quirks, as you code try to do so without hacks & so it looks/functions the same for any browser.
Usually you know when you willneed hacks, so as you code for ie you can impliment them as you go. saving alot of time.
But I always have ff & opera open just to be safe.

In essence. Code FOR ALL browsers at the same time!
Even with with my exceptionally limited knowledge I can do this.
So if i can, others surely can.

Jon

Side note: I amongst others sometimes don't quite get a point, which can be frustrating for those trying to help.
Patience is a virtue.
Try to be nice poeple, No need.