HTML Forum

**designcat** · 06-20-2008, 04:26 PM

Hi, I joined this forum hoping for some help w/a problem

http://www.purelifenyc.org/_dev/saturdayv3.html

in IE the menu and header is flush to the top of the box but in Safari and Firefox there's a gap at the very very top. Any ideas where I "blew it"? I need to "lose the gap" so it looks the same in all 3 browsers.

Thank you in advance.

**TripleMoons** · 06-20-2008, 04:58 PM

Love the pink bandanna background...

This can be put in your CSS file:

Code:

<style type="text/css">
<!--
.style3 {font-size: 12px}
.style4 {font-size: 9px}
body {
	background-color: #F6DFE5;
	background-image: url(../images/body_background_1246.jpg);
}
.style6 {color: #F4B6C8}
-->
</style>

As can this:

Code:

<div style="margin:0px auto;;width:900px;border:1px solid black;background:white;padding:0px;text-align:center;border-color:#666666;">

This is what you need to add (at least to fix in FireFox):

Code:

.Purelifebodytext {
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	color: #FFFFFF;
	margin:0px;
}

**LadynRed** · 06-20-2008, 05:40 PM

Except you shouldn't be using px for font sizing, and things like 'style1', style2, etc. is just a very bad habit to get into. Create MEANINGFUL class and ID names.

**wayfarer07** · 06-21-2008, 08:54 AM

I've decided to opt out of helping people who rely on tables for layout. Would anyone else like to join me in this protest?

**LadynRed** · 06-21-2008, 09:31 AM

I'm afraid I have have to admit that I don't delve into those messy tables-based sites. One, I haven't done anything with tables, besides actual DATA output, for well over 5 years, and two, anyone who's been here a while knows that I discourage the use of tables for layout and recommend switching to CSS-based layouts.

I don't think any of us who regularly contribute here has any problem helping out newbies learn CSS.

**Bacon Butty** · 06-21-2008, 10:03 AM

Quote:

Originally Posted by wayfarer07

I've decided to opt out of helping people who rely on tables for layout. Would anyone else like to join me in this protest?

To be fair though, some of us have to use them, like when your modding a skin on vBulletin

**LadynRed** · 10:33 AM

True enough.. forums are a different animal, they're also more complicated to debug.
However, you just need to add margin: 0 to the <body> styling.

**wayfarer07** · 06-21-2008, 11:35 AM

To be fair, I don't have a problem helping people who come in with a problem like....

Quote:

I have this awful job, and here is this crappy code that I didn't create, but I'm forced to modify it, so what should I do?...

I understand that, because I've been in that position. I was working on a stock photos site recently that has had it's code modified many times over the years.

As far as people coming in that haven't done their homework, and have started to learn everything wrongly, I'm willing to point them at W3Schools CSS Tutorial, etc, but that is as far as I think we should go. I am tired of repeating myself.

**designcat** · 06-26-2008, 05:42 PM

Hi,

I tend to use a mixture of tables and CSS. The problem is, although not with this site, many of the sites I design are viewed in third world countries and have that appeal - and in visiting those countries I realized some of those browsers didn't support CSS for layout - so I tend to try to play it safe, esp for backwards browser compatability purposes.

I do believe in CSS based layout, but unfortunately in my global travels, I have even seen some pentium 166's still in commission, viewing our websites, albeit painfully slow. I do alot of charity work for developing / 3rd world countries, teaching technology & helping, esp. AIDS victims & orphans.

That having been said

http://www.purelifenyc.org/_dev/speakers.html

I've got a gap at the bottom now, anyone want to take a stab?

thanks everyone, you all rock!

**designcat** · 06-26-2008, 07:55 PM

http://www.purelifenyc.org/_dev/registration.html

Any idea how to alleviate the gap at the bottom, I need to make it flush w/the CSS border & table border.

THanks in advance w/any ideas anyone has!

**LadynRed** · 06-26-2008, 08:43 PM

Quote:

I realized some of those browsers didn't support CSS for layout

Like what ?? AS far as I know, ALL of the current browsers support CSS. Unless you're going waaaaaaaaaaay back to Netscape 4 and IE 4, but even those had some CSS support.

**designcat** · 06-26-2008, 09:07 PM

Quote:

Originally Posted by LadynRed

Like what ?? AS far as I know, ALL of the current browsers support CSS. Unless you're going waaaaaaaaaaay back to Netscape 4 and IE 4, but even those had some CSS support.

Some are still on 3...

I actually had to teach design on a computer with 32mb ram once in a poor settlement. That was about 2 years ago...it's rough out there sometimes...

Sad thing was I had just donated all my spare ram to another orphanage...

but yeah, tables still have a place in some parts of the world I travel to and I am VERY thankful for all you guys' help~!

**TripleMoons** · 06-28-2008, 10:54 AM

Could I make a suggestion?

I read that in the next 3-5 years table based web sites will no longer be supported in modern browsers. Why not code a correct version using CSS, and then setup a Javascript redirect to table based web sites for the lower browsers? It's a simple enough fix, yeah double the work, but at least you won't have problems in a couple of years.

I can't visually see a gap in FireFox, has it been fixed?

**wayfarer07** · 06-28-2008, 11:40 AM

Or you could do what Yahoo does, give A-grade service to A-grade browsers, and feed pure HTML to all other browsers. BTW, Yahoo's cut-off for A-grade service stops at IE6. IE5.5 and below don't receive any styling.

HTML Forum

Find a Professional HTML Freelancer!

FREE Outsourcing eBook!