10 replies [Last post]
Torique
Offline
newbie
Last seen: 11 years 50 weeks ago
Timezone: GMT-3
Joined: 2010-05-19
Posts: 5
Points: 6

I'm just putting the last pieces in place for my website layout and, like an idiot, I wasn't testing it in IE the whole time. What I have is a site that looks exactly like I want it to in FireFox and Chrome but blows up in IE. I've managed to update the CSS to fix many of the problems in IE, but I just can't get it to look like it should.

The site is: http://www.foodlovetimeandsalt.com/front_page.php

This is mock up of what the site will look like so just ignore the missing articles on the left. I've tried everything I could find on the web but I don't think my understanding of CSS is good enough to actually search for the right question.

If anyone can help it would be greatly appreciated.

Thank you.

- Josh

Torique
Offline
newbie
Last seen: 11 years 50 weeks ago
Timezone: GMT-3
Joined: 2010-05-19
Posts: 5
Points: 6

Well, I've actually managed

Well, I've actually managed to get it figured out with some trial and error.

I have just one problem left:

My middle section (called main), has its height set to 100% so that it fills to the bottom. The problem is, because of the header, it fills too far. I had this fixed before by using 'padding-bottom', but I can't get it working again. It's probably something very simple that I am missing.

Thanks,

- Josh

EDIT: OK, two problems... it would appear the page isn't centered horizontally in IE7. It is in IE8, FF 3.5.9 and Chrome 4.1.249.1064.

jon19870
jon19870's picture
Offline
Enthusiast
Lancashire, England, UK
Last seen: 7 years 17 weeks ago
Lancashire, England, UK
Joined: 2007-01-05
Posts: 195
Points: 194

Read this and implement to

Read this and implement to solve your centering issue ...

http://csscreator.com/node/308

Stop using tables, and use CSS with containers to build your wireframe, they are more flexible and easier to work with.

This layout generator is very useful for building the wireframe...

http://csscreator.com/version2/pagelayout.php

Hope this helps... Smile

Torique
Offline
newbie
Last seen: 11 years 50 weeks ago
Timezone: GMT-3
Joined: 2010-05-19
Posts: 5
Points: 6

Ok, I've been over it and

Ok, I've been over it and over it but I can not get the padding on the bottom of my site to work properly. The footer is fixed and the main part should scroll behind it and stop when it runs out of content. Even when there isn't enough content to fill the main area (but should still fill with white), the bottom will scroll an extra chunk of the background colour into the main area.

I've read, tweaked, prodded, begged, drowned my sorrows in Stella but I can't get it to work correctly.

The site is: http://www.foodlovetimeandsalt.com

Any help would be greatly appreciated.

Thank you,

- Josh

Ed Seedhouse
Ed Seedhouse's picture
Offline
Guru
Victoria British Columbia
Last seen: 1 year 13 weeks ago
Victoria British Columbia
Timezone: GMT-8
Joined: 2005-12-14
Posts: 3570
Points: 675

Well, you are using tables

Well, you are using tables for your layout, and that's not only an incorrect use of tables, but also tends to give the kinds of problems you are experiencing.

Jon19870 already advised you to stop using tables for this. It was good advice then and it is still good. Maybe you should consider following it.

It's kind of hard to suggest anything when it seems that your whole approach is wrongheaded.

Ed Seedhouse

Posting Guidelines

Watch out! I am carrying irony, sarcasm and satire, and know how to use them.

Torique
Offline
newbie
Last seen: 11 years 50 weeks ago
Timezone: GMT-3
Joined: 2010-05-19
Posts: 5
Points: 6

I've created a version of the

I've created a version of the main page without tables:

http://www.foodlovetimeandsalt.com/index_no_tables.php

The problem persists. The colour variations are just there so I can see where the elements are connecting.

The table recommendation was that CSS was more flexible and easier to work with (which may be true once you're used to CSS), not that they were causing my problems. Tables are *not* deprecated and from what I can figure there are many people on both sides of the fence.

Ed Seedhouse
Ed Seedhouse's picture
Offline
Guru
Victoria British Columbia
Last seen: 1 year 13 weeks ago
Victoria British Columbia
Timezone: GMT-8
Joined: 2005-12-14
Posts: 3570
Points: 675

Torique wrote: Tables are

Torique wrote:

Tables are *not* deprecated and from what I can figure there are many people on both sides of the fence.

They are not deprecated because they have a perfectly good use, namely marking up tabular content.

Using them to layout major elements of a page, however, is simply bad practice.

You may have removed the tables, but it appears you are still "thinking table", i.e. in a rigid framework. Absolute positioning, which you are now using, doesn't work very well for layout either.

Also, you now have a bad case of "divitis", which is just as bad as "tables for layout", actually. I suggest you type "divitis" into the site's search box and you'll find a message that will tell you all about it.

Ed Seedhouse

Posting Guidelines

Watch out! I am carrying irony, sarcasm and satire, and know how to use them.

Torique
Offline
newbie
Last seen: 11 years 50 weeks ago
Timezone: GMT-3
Joined: 2010-05-19
Posts: 5
Points: 6

Nice, I dug up:

Nice, I dug up: http://csscreator.com/divitis. Extremely useful, thanks.

Ed Seedhouse
Ed Seedhouse's picture
Offline
Guru
Victoria British Columbia
Last seen: 1 year 13 weeks ago
Victoria British Columbia
Timezone: GMT-8
Joined: 2005-12-14
Posts: 3570
Points: 675

I suggest you also read the

I suggest you also read the Wikipedia article on "Semantic HTML" as well.

Ed Seedhouse

Posting Guidelines

Watch out! I am carrying irony, sarcasm and satire, and know how to use them.

thepineapplehead
thepineapplehead's picture
Offline
Moderator
Last seen: 3 weeks 5 days ago
Timezone: GMT+1
Joined: 2004-06-30
Posts: 9683
Points: 819

Torique wrote: Nice, I dug

Torique wrote:

Nice, I dug up: http://csscreator.com/divitis. Extremely useful, thanks.

Bloody hell, I don't remember that being quite so long! And four years old tomorrow!

Verschwindende wrote:
  • CSS doesn't make pies

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 7 years 19 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

Yep it was long TPH and to

Yep it was long TPH and to think people sighed at me for rambling on Tongue

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me