« INDUCE Act | Main | GIMPS »

June 25, 2004

CSS

I think I know what I want the ICYG website to look like, but I'm having a hard time molding the site's CSS to what I'm thinking. I originally started from scratch (to learn CSS from the ground up), and then I started using elements of the MT 3.0D style. Now it's a little bit of a mess. I think I'm going to head over to the CSS Zen Garden for some pointers and re-think the darn thing.

Input is welcome.

Comments

If you need any help with CSS, you can ask me. I'm pretty good with that stuff.

I can offer some help as well. CSS Zen Garden is neat to look at, but some of the CSS is kind of wild because of what they are doing with that project. There are other sources around that might help you out more.

Thanks guys. I'm mainly having layout problems. At this point, I just want the centered header & powerbar (as it is now), the left-side button column (at 100-pixel fixed-width), and the main text area to flow freely beside and/or around the button column (without being fixed-width). I'd like it to look the same in Mozilla and IE. It seems simple. I'll go back to basics this weekend and see if I can't hammer it out. If you have CSS code suggestions based on this description, please post them.

Maybe I am misunderstanding you, but didn't you have it this way. I also took a quick glance at your css, why did you comment out the the buttons div? Was this giving you issues with centering your header?

The buttons div isn't currently commented out. The problems started happening when I tried to get the "tracks" text to flow freely instead of being fixed-width. Apparently the "position: absolute" attribute, when combined with a "margin" attribute, has different results in IE and Mozilla.

I'll go back to basics tonight and see what I come up with.

I decided to fix the site width at 800px instead of letting the right-side text area flow freely and after some simplification the site looks OK.

Post a comment

(If you haven't left a comment here before, you may need to be approved by the site owner before your comment will appear. Until then, it won't appear on the entry. Thanks for waiting.)