Home  |  About  | Last |  Submit  |  Contact
AllQuests.com




Previous Question:  tables way to go or not  Just Starting Your DesignNext Question:  cash flow script  Scripts and Online Services
Question Need some tinkering ( SitePoint Forums Just Starting Your Design )
Updated: 2008-08-12 07:16:03 (10)
Need some tinkering

Hello all

My name is Solomon. Im a novice to web design. I've been getting back into it more since I do graphic design and the need is there. I've got myself a site up and running for the most part. Its only been live for a few days now, so I've been working on content for the most part.

I used a combination of HTML, CSS, and Java to create my site. Some I've gleaned from others templates, some I've done myself. Its a 3 column layout...I know...But I do like it soo...
I've tried my site at a few different places at different resolutions and I've noticed that on 800X600 and 1024X768, the two outside columns suck into the main column. I know that this is a resolution problem...I design in 1280X1024... I guess what I need to know is if there is a way to compensate for smaller resolutions and how... I've tried tinkering with it as much as I can.

PLEASE feel free to visit www.snbriggs.com and share with me anything you can. Thanks so much.

Answers: Need some tinkering ( SitePoint Forums Just Starting Your Design )
Need some tinkering

Your site doesn't seem to be loading....

maccrazy

Need some tinkering

its okay but the green layout (not the background but the swirly thing) gets sorta annoying

zekret

Need some tinkering

Seems to be up now. In Safari (and Firefox) the red border seems to be fixed in place while the bottom section (ie. from "Welcome to my homepage" down) is centered so it doesn't fit in the border unless the resolution is the same as yours. What you should do is center everything rather than mixing the two because it gets really disjointed. Other than that it looks like it has the potential to be a good design with some fine tuning.

Edit: Personally I'd get rid of the red border altogether.

maccrazy

Need some tinkering

Yeah...the red border is just there temporarily as a guide to help me line things up. I'm getting frusterated because when I switch resolutions...it all goes to crap. I use 1280X1024, and If I go any lower than that it sucks.
What I can't seem to figure out is how do I set margins so that things line up right across different resolutions. If I had a dollar for every swear I've let out the past few days I could PAY someone to figure this out for me...haha

Thanks for the help so far folks!

Cheers!

SNBriggs

Need some tinkering

Just had a quick look but you could try this.

Replace in the #container

Code:
margin: 0 10% 0 10%;
With

Code:
margin-left: auto; margin-right: auto;
That may fix it?

buzza_gts

Need some tinkering

Have you put the page through a validator - nearly 70 errors.
I'd fix those first before anything else. The page looks completely different in Firefox than it does in IE.... From a quick look, you have some strange looking code in there.

Validate, fix the errors and then see where you are at.

nadia

Nadia P

Need some tinkering

Hmmm...all those errors were in the java for whatever reason. SO...I pretty much scrapped the whole project the other night and started with a blank page. Now I'm down to two errors...both in the java that DW wrote for my rollovers. If I knew a little more about java I could fix it...but...
Now I need to get the hacks done so it looks the same in FF and opera. If Im correct, I can use a child selector command to get FF to read the proper css...right? If so...what would I use to compensate for Opera and other browsers?
Thanks Nadia, Mac, and Buzza for your feedback. GREATLY appreciated
(even if you dont like my green swirly thingys.... :P)

SNBriggs

Need some tinkering

You're welcome for the help :-)

Without looking at your page, IE is probably rendering the page as you want it, but it is the one that is wrong Are you using a valid doc type or is your page rendering in quirks mode? (ie without a doc type).

Earlier versions of DW didn't write in the full doc type - the latest versions do.

FFox is a standards compliant browers - much more so than IE. So if it looks off in FFox, I'd suggest you'd need to fix those errors and it is IE that needs the hacks not the other way round.

Yep, just had a look at the link you provided originally, and there is no doc type.
Look at http://www.alistapart.com/articles/doctype/ which will explain what I'm talking about doc types.

As for your javascript (not java) errors, not sure that they would be caused by DW, but then again it depends on how you are using DW

A 3 column div layout is the hardest to accomplish cross browser, but if you check out the CSS forum here at Sitepoint there is a CSS sticky thread, look for Paul O'Briens' post (or look in his sig) for examples of various layouts.. I believe he has a 3 column one that may be of some help to you.

Nadia

Nadia P

Need some tinkering

Quote:
FFox is a standards compliant browers - much more so than IE. So if it looks off in FFox, I'd suggest you'd need to fix those errors and it is IE that needs the hacks not the other way round.
Yes, if you design your site so it looks fine in FireFox it should load fine in other standard compliant browsers like Safari, iCab, Camino etc.

maccrazy

Need some tinkering

Thanks Nadia I'll be sure to look at that.

I read Dan Shafers article on hacks and printed it out. I think one of the biggest peeves I have about coding thus far is that nothing looks the same in each browser... its like...can't we all just get along?

Since this is a school project as well, my main concern has been getting it down in IE b/c thats whats used at the college and by my instructors. Youre right about 3-column being the trickiest. I've gone through at least a half dozen design templates looking through and trying things. Finally...as you saw of my last attempt...I just decided to take a stab at it on my own. I'm please so far, not bad for someone whos only been into CSS for about 5 weeks now.

I only used DW to write the java and code for my rollovers. I use GoLive for the most part, and only for the color coding. I haven't even thought about the doc type....thanks for looking out. And thanks again for your kindness...you too mac!

Cheers~!

SNBriggs

Previous Question:  tables way to go or not  SitePoint Forums  Just Starting Your DesignNext Question:  cash flow script  SitePoint Forums  Scripts and Online Services

- Source: Need some tinkering SitePoint Forums Just Starting Your Design
- Previous Question: tables way to go or not SitePoint Forums Just Starting Your Design
- Next Question: cash flow script SitePoint Forums Scripts and Online Services