Hi there friends..

I am again here with another new site of mine

right now its at www.personalchefhosting.com/simplycooking

now the problem is.. its showing fine in all the browswer except 1 glitch..

The right border line shows fine in IE but not in firefox ..I tried making the div height 100% but nope..so I made it 1000px it works but not everywhere...check out "faq" and "menu" link and you will know what I am talking about...sooooo..any suggestions ?

I am stuck..so need help!!!

Thanks

P.S also tell me how do you like the site overall

__________________
CEO - Hashe Computer Solutions
Domain Registration & Hosting - Domain Pile Inc.

Looks the same to me in FF 1.5.0.4 and IE. Not sure the left alignment and no left line works as well as a centered page.

FAQs has no apostrophe. Not sure if a bunch of grapes is the right image to use here. Otherwise very credible...

__________________
Paul Bilton design services ~ Sites not Sights

As Paul B said it looks the same in IE 6 and Firefox 1.5.0.4. The Problem might be in older versions.

Your site certainly looks good. Love the colours and fonts etc. I had a look in IE 6 latest version and all is OK.

I had a look using Firefox latest version 1.5.0.4 and saw the border problem - the right hand border comes half way down on FAQ and SAMPLE MENU.

You are probably aware the links aren't working for
HOW IT WORKS
SERVICES AND PRICES
WHATS NEW
ABOUT THE CHEFS
The source shows"#" for these pages.

__________________
Love Listings & Laptops www.nevboyle.com

yep..that's what i meant.. the right border doesn't go all the way down and I know why it doesn't as faq and menu pages are longer than 1000px (the height i have set for the #main_body) but my setting the height for main_body to 100% instead of 1000px doesn't work in firefox..

anyone ? help ?

and yes..nevboyle I am aware of the non-working links..as the site is still under development and I am waiting for the content from the client.. but till then I am trying to solve this freaking right border correct height problem.. as giving 100% doesn't work and if i give 1800px.. it will look stupid on short length pages that the it is scrolling waaaaaaay down!

so...any solution to this will be appreciated : )

__________________
CEO - Hashe Computer Solutions
Domain Registration & Hosting - Domain Pile Inc.

As you point out, the 'main-body' div is 1000px in your stylesheet, yet on the FAQs page the content is a lot longer so the border stops at 1000px. On that page something around 2600px would work. One possible solution, if a little clumsy, would be to use a 'prop' div (styled on each page instead of external) inside the 'main-body' div to force that div to reach the bottom of the content. There are other methods to solve this problem, do a search for 'css+100% div height problem'.

I hope that helps.

__________________
Pleasure in the job puts perfection in the work. Aristotle (384-322 BC)

thanks for the help..I managed to make the right border go down as far as the browser window shows in first go.. but not more than that..in firefox

and this is a very common problem...I think firefox should fix this bug ..as IE is handling that great!

:: me kicks firefox in the arse ::

__________________
CEO - Hashe Computer Solutions
Domain Registration & Hosting - Domain Pile Inc.

You may need to clear your footer.

Also, I'm still not sure why you go to the trouble of a table-less layout, yet you've still got inline styles in your markup. Get all styles out and into a seperate stylesheet.

Furthermore, Firefox is a good browser; the fact that your page is rendering improperly in it means there is something wrong with your code, not with the browser.

Hope this helps!

Although it is far to the right, it still doesn't look bad in Firefox. But I hope you can get that fixed.

By the way, it should be Chefs, not Chef's. And you should use Chefs consistently.

Good luck!

I do like the look of the site, very pleasing and calm... but I'm not sure why you went with an all CSS version? What would tables help.

The big problem I see is that your important content is being spidered after non-important content. Your nav menu is one of the first things the spider is seeing and indexing...

Love the colors!

__________________
Living the life in the Idaho Falls and playing Disc Golf
Idaho Falls SEO

I see no problem with the right border in FF or IE ... don't know where your problem has been coming from, but it's apparently not the design code.

General design comments:

As was mentioned earlier. To use an image in the design it ought to have a purpose. The bunch of grapes is artistic but give no clue that the site is about a personal chef service.

Seems silly not to float the site to the center, I dislike the over-wide right margin.

Something that is not specifically site design but very important to the success of the owners (your clients I assume) ... it is foolish and ill advised to launch their business on someone else's site as a sub domain. This will hurt their SEO efforts and takes away their control of many hosting factors ... all in the name of saving the $8 bucks for a domain name and a few dollars a month for hosting fees. What if their business takes off and they get substantial bookings from the site and then one day the hosting organization packs up? Their business will plummet. If they are on their own domain with their own host, they can keep whatever they have gained.

Again, I realize this is not directly a design issue but as a web professional you ought to try to put them on a sound foundation.

__________________
Best regards
Dave
www.satviz.com/GPS_Blog

See the FAQs page.

There is no 'float' to center. This can only be acheived by giving the "main_body" div left and right margins of auto.

__________________
Pleasure in the job puts perfection in the work. Aristotle (384-322 BC)

Thanks for the lesson, Tim. I was referring to a design technique to try to possibly improve the site, not an HTML or CSS command ... as you obviously understood ... but I'm always willing to learn :-)

__________________
Best regards
Dave
www.satviz.com/GPS_Blog

Dear Mamoon Rashid:

I don't have FF, but I visited your website and have a comment:--

1. The graphic text "Home - Simply Cooking" is 0.5px too narrow: It's not fully readable on second glance but neat that it draws attention being unreadable on first glance, in soft grape color ... which connects attention by color (answering someone's remark) .... (And I think I have 800x600 resolution this screen.)

(It's the space between the tines of the letter, m, that looks too mashed-in, making them blobby-wash.)

2. But also,-- My first thought on seeing your page, and whether or not I'll peruse your site, is, Do you give us personal accounts where we can enter what we want to use today, and suggest several recipes ...?- Sort of a "What's in the fridge for tonight" search.

3. Also, You've really got to find a way to fix the Window-width: It's blank on the right, full screen, and cropped in the original pop-up.

PS. The bottom of the page might alternate onto the right cropped space, -depending on screen size- ... That might look okay.

4. I would recommend Paul Masson Premium Grape Juice by the carafe ... Zinfandel Blanc .... Never serve a customer the spoiled winegar stuff miscalled "wine", Especially after showing fresh grapes on the page;-- (If you're going to serve winegar, be sure it's on the page that shows the nyphms stomping in the tub).

Best Wishes and Sanwishes ... etc.

Ray.

REF:

__________________
Mr. Raymond Kenneth Petry
Lanthus Corporation

I'm sorry Dave but I don't know what you're talking about. No lesson intended and I certainly wasn't being disingenuous. Perhaps I was being too literal but was merely correcting (in a thread mainly about css) a perceived misunderstanding of 'float'.

Btw. Thanks to lanthus for an excellent and amusing post. I think I'll open a bottle of Zinfandel Blanc to enjoy it all the more. Cheers!

__________________
Pleasure in the job puts perfection in the work. Aristotle (384-322 BC)

Mamoon,

ran_dizolph is spot on. It's not Firefox, Opera or Netscape that are wrong. They are all correct and compliant. IE is wrong for giving you the impression that your css is correct, it isn't. Also, by externalising all of your styles (other than page specific ones) you will gain control over every page's layout with one file.

Many of us, including me, are struggling with css and trying to make the big leap from tables-based layout to something that is far more precise and efficient. I firmly believe that the way to deal with the transition is to design for a compliant browser like Opera or Firefox and fix IE's inadequacies with a separate stylesheet called by a conditional comment like this...

<!--[if IE 6]>
<link href="../css/ie6.css" rel="stylesheet" type="text/css" />
<![endif]-->

Be sure to put it below your main css link/s.

One day, Microshaft will eventually get their act together and catch up. It won't be IE7, so we'll all just have to persevere and 'fix' for them until then.

__________________
Pleasure in the job puts perfection in the work. Aristotle (384-322 BC)

The page layout and content look good, but I always wonder if web pages which are left aligned with a large white space on the right have been created in the olden days when the only screens available were 800x600.
Such web pages can give the impression that they have not been updated for a long time. The average screen now is 1024x768 and many viewers use even larger monitors. Good luck!

the real url of this site is www.simplycooking.us

it is active now

__________________
CEO - Hashe Computer Solutions
Domain Registration & Hosting - Domain Pile Inc.

Yes, that did. : ) I cleared the footer divs and put them in the css file.

I go for table less website cuz this is thing of the day..and all good designers use divs ..and tables are almost obselete...

I am an MBA but web design is my hobby which is paying me well heh..as being a CEO of a software and web design company : )

and thank you ..all of you..for reviewing my site and giving me valueable comments.

but 1 thing is certain.. height:100% is a problem...for many and I will really appreciate if someone has successfully solved this..in the div.

see my faq page and scroll down.. you will know what i am talking about...the right border ends in the middle of the page..

__________________
CEO - Hashe Computer Solutions
Domain Registration & Hosting - Domain Pile Inc.

plus you can see all the chef sites i have done at www.personalchefhosting.com/showcase.php

many of these..are not good html wise (used tables and such) so thinking how to change all of these to w3c compliant code.

my other websites that i did..can be seen at www.hashe.com/showcase.php

if i start converting all of these into W3C compliant code..it'll take me 4-5 months ..:( no ?

__________________
CEO - Hashe Computer Solutions
Domain Registration & Hosting - Domain Pile Inc.

i think you misunderstood what i said;
i understand WHY you use table-less layouts...i DON'T understand why you'd go to the trouble of doing so, while still utilizing inline styles in your markup...it should ALL be in your CSS.

[edit]
actually, let me ask you WHY you think you should use CSS...and don't say 'it's teh thing of today'. do you actually realize why it's better?
[/edit]

and having just gone thru a bunch of my older sites to bring them up to snuff, it is time consuming, but it's amazing how much you can lean the code out and have the same results.

good luck.

[quote="ran_dizolph"]well...its thing of the day ::grinz:: no frankly cuz its easier to change the color theme of the site with change in just one file and you dont have to go to each page and do it..plus its good for SE's as then they dont see extra text like td properties and other attributes and it helps keeping the html pages less heavy and keep all the attribute junk in one file and not on eveyr page...

__________________
CEO - Hashe Computer Solutions
Domain Registration & Hosting - Domain Pile Inc.

hehe...just making sure.