7 replies [Last post]
rsbenedict
Offline
Regular
Las Vegas
Last seen: 13 years 28 weeks ago
Las Vegas
Timezone: GMT-8
Joined: 2006-06-17
Posts: 13
Points: 0

Hi!

I'm very new to CSS and this is my first template that I've created from scratch. I borrowed the look from a Joomla Template, but created everything from the graphics to xhtml to the css on my own. I want to eventually port this to wordpress and drupal.

Here's my problem. I work on a Mac and have very limited access (read almost none at all) to a Windows computer and IE6. I know that this template will not work in any IE5 or IE5.5 browser, and that's ok. I do, however, want it to be accessible to those poor folks you still use IE6.

I have checked out the site on Opera 9, Safari 2.03 and Firefox 1.504. They all check out as expected. (Maybe because they are standards-compliant?)

Now, I've had a peek at what IE6 does to the page, and I'm aware of the many IE6 hacks/workarounds out there, but I'm not sure which ones to apply and where in my code.

Can you please help a poor old teacher like me?

The problems I noticed are:

The menu tabs on in the header show up wrong or horizontally.
The menus along the leftbar are spaced way too far down the left column.

Any help with these issues would be greatly appreciated!

Thanks in advance!

Here's the link: http://www.benedictsclass.com/synergy/index.html

rsbenedict
Offline
Regular
Las Vegas
Last seen: 13 years 28 weeks ago
Las Vegas
Timezone: GMT-8
Joined: 2006-06-17
Posts: 13
Points: 0

I think I fixed it!

Hey, all!

Please take a look at the site in any browser on the Windows side. I think I have fixed the problems. It seems as if everything is displaying ok, even in IE6. Again, I'm not worried about IE5.*. Let me know what you guys think!

Thanks!

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

Please check it out. (Updated and fixed)

Nice to see valid html and css!

I'm not a big fan of that particular kind of layout but then I'm eccentric in that regard and it's quite well done for what it is. Color scheme is good for contrast. Some might find the deep red background a mite garish, but that may be the intended effect.

Looking at your CSS it comes accross in one big wodge with no line breaks so I can't make any comments on it one way or the other. At least a browser and the validator can read it.

That's my first impressions, anyway.

Ed Seedhouse

Posting Guidelines

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

rsbenedict
Offline
Regular
Las Vegas
Last seen: 13 years 28 weeks ago
Las Vegas
Timezone: GMT-8
Joined: 2006-06-17
Posts: 13
Points: 0

Thanks, Ed!

Thanks, Ed, for your comments.

I used a web-scheme color picker for the colors. I liked the blue color and it picked the complements to it. I actually like the colors and have many paintings based on a similar color scheme. I didn't realize that until after I created it, though! LOL.

Anyway, I fixed my CSS. I thought I had turned off optimization on my CSS editor, but it was apparently turned on. The CSS is now readable, but I think the organization needs some work. I'm looking into that as we speak.

Thanks again, Scott

HellsBells
HellsBells's picture
Offline
Leader
Bedford, UK
Last seen: 13 years 38 weeks ago
Bedford, UK
Joined: 2004-04-07
Posts: 851
Points: 0

Please check it out. (Updated and fixed)

It all seems to be working fine.

I'd specify a background colour for the main page divs though as without images the background colour makes the text very hard to read.

My strategy is so simple an idiot could have devised it!

"Also, your CSS (no offence) makes me want to gouge my eyes out with a rusty spoon" - TPH

Deuce
Deuce's picture
Offline
Guru
Somewhere, USA
Last seen: 4 years 27 weeks ago
Somewhere, USA
Timezone: GMT-5
Joined: 2005-11-20
Posts: 4424
Points: 1843

Please check it out. (Updated and fixed)

in FF 1.5 at the bottom right corner you have a rounded corners box with your W3C buttons in it. the top part of that box it off to the left by like 1 or 2 pixels.

other then that, it looks very nice. Good Job!

all ยป http://dictionary.reference.com/browse/all

Google isn't a bunch of guys reading and grading web sites, it's more like a bunch of monkeys sniffing food and putting the good bananas at the top. -Triumph

thepineapplehead
thepineapplehead's picture
Offline
Guru
Last seen: 1 week 2 days ago
Joined: 2004-06-30
Posts: 9679
Points: 815

Please check it out. (Updated and fixed)

Feels to big for me, but I like tiny minimalistic sites that you need 80-80 vision to see properly Laughing out loud

I don't think the rounded surround of the Synergy heading looks quite right - the top border looks much thicker than the left and right.

Open it in Firefox and decrease the text size once, imho that looks better. Anythign you could do about that?

Verschwindende wrote:
  • CSS doesn't make pies

rsbenedict
Offline
Regular
Las Vegas
Last seen: 13 years 28 weeks ago
Las Vegas
Timezone: GMT-8
Joined: 2006-06-17
Posts: 13
Points: 0

Thanks!

I added a background to the body tag, so that should take care of that. I didn't notice I didn't have it because the bg image fills my screen.

As for the h1 title in the logo image, I can't figure out how to move it back into the center. It was centered until I had to change it from absolute position to relative position so that it would work in IE6. In IE6, it's more centered, but I can't get it to move at all anymore for anyone other than IE6. When it was in absolute position, by increasing or decreasing the top padding, it would move up or down, but because of the relative positioning, it no longer applies. I tried applying a class to the h1 tag, but nothing would affect it. Any ideas would be appreciated.

As for the clipping of the box in FF 1.5, I don't see it on my FF which is 1.5.04. Are you using an older version of 1.5 or could it be a Windows rendering thing?

Thanks again!