:: Fully CSS control ::

dan_bradshaw · #1 (**permalink**) 10-07-2004, 05:52 AM

Hi all,

http://www.cubid.co.uk/test/mst/mst2.htm

This is my first fully CSS controlled site, In the past I have done a mixture of CSS and tables so this is a little new ground. Excuse the fact that the images load so slowly they have not been exported correctly yet (this is just a test site for a client).

Any comments would be useful and any feedback regarding browser compatibility/CSS coding would be welcome.

Thank you in anticipation

Dan

paulhiles · #2 (**permalink**) 10-07-2004, 09:39 AM

Dan! You must download Firefox and take a look at your page. The positioning of elements, formatting of text (and form textareas) are all to pot in it. Sorry to be the bearer of bad news.

My advice is to install and use Firefox (with the developer extensions) to test your design as you're working on it. Once you're happy with the way it looks in Firefox, then fix the 'buggy' errors that IE will inevitably throw up.
By the way, it does look great in IE 6! :o)

Paul

dan_bradshaw · #3 (**permalink**) 10-07-2004, 10:36 AM

Ruddy Nora!

I thought that maybe a problem...oh well will attempt to sort it out over the next week.

Will attempt to look at this problem later...could you view it in Safari out of interest?

Thanks

Dan

dan_bradshaw · #4 (**permalink**) 10-07-2004, 10:40 AM

I know I have asked this before but I can I run IE and Firefox side beside? I know you sent that link but didnt seem to explain anything...Seemed to go about splitting my hard drive into 2...would love to be able to just have it on the desk top as an alternative to IE, want to do this with NS too... am having to give my whole computer a massive overhaul over the next two weeks (installing XP pro)

Take it easy

Dan

paulhiles · #5 (**permalink**) 10-07-2004, 10:48 AM

I run several browsers side by side without any problems. The only issues occur when you start adding different versions of the same browser. That's where the article from skyzyx.com came into its own.. it shows you how to run several different versions of IE or Netscape or whatever.

You should have no issues with Firefox, if you're downloading for the first time. Firefox will install itself into its own folder in your Program Files (or wherever you prefer).

Paul B · #6 (**permalink**) 10-07-2004, 10:52 AM

You can run as many browsers as you want side by side - it is only IE that overwrites earlier versions of itself.

It looks much the same in NS7 as it does in Firefox.
In IE it's all a bit pale and the iframe scroll bar is near impossible to detect - otherwise nice.

You might at well use CSS for the rollovers 'Home' and Mail' too...

dan_bradshaw · #7 (**permalink**) 10-07-2004, 10:54 AM

Cheers Chasp,

In that case I will sort this out later. Not sure if this is too vague but why do some CSS work fine in particular browsers yet goes to pieces in others?

Is there a site that will show you how to beat the system?

Cheers

Dan

dan_bradshaw · #8 (**permalink**) 10-07-2004, 10:57 AM

Good point about the role over images, not ever used CSS to do that before, will check this out...

Why oh why must they make these things so dam complicated! I design one site using CSS (and tables) and it works fine in all, yet full CSS is all screwy...I thought CSS was meant to make life easier!!!

dan_bradshaw · #9 (**permalink**) 10-07-2004, 11:29 AM

"positioning of elements, formatting of text (and form textareas) are all to pot in it"

I think I know why this might be...I did not use absolute positioning for the main div (text area) which having done a bit of searching may have caused the problem.

Just out of interest did the font look ok?

Thanks

Dan

paulhiles · #10 (**permalink**) 10-07-2004, 11:32 AM

I've emailed you a screengrab Dan. You can see that certain font elements are okay, others are completely unformatted. I tend to specify a font family as part of the body selector, that saves having to worry about it in other areas. You're currently using .body as a class, which is a bit confusing.

dan_bradshaw · #11 (**permalink**) 10-07-2004, 11:40 AM

Cheers had a look at that.

Is bizarre. The main textbox is fine the bottom right text area is fine, the left text area is not good, the middle text area is missing (or off the screen)yet they are all exactly the same in code except the positioning pixel figures, urrrrm. Will have a tinker to see if I can figure this out.

Thanks

Dan

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode