PDA

View Full Version : noob needs help



metathirteen
Feb 19th, 2010, 01:52 AM
i need a little help with this site im making.
the heading is pretty even in FF but the top space is smaller in IE, why?
the navi portion is aligned to center but its more over to the right? how can i adjust that?
is there anyway i can just adjust the height for the content (or anything really) so it has a stretch to fit kinda thing? and a way for the footer to always be at the bottom without the content pushing it down?

sorry im still a noob lol. i gotta start somewhere, just trying to learn more from u guys :)

metathirteen
Feb 19th, 2010, 01:53 AM
lol forgot the files -.-;

Excavator
Feb 19th, 2010, 02:24 AM
Hello metathirteen,
Wow, that is a lot of questions with some possibly very involved answers!

I'll start with the easy ones and a suggestion or two for you.
Your ul has a default space allowed for bullets. When you put list-style:none; on the ul, you eliminate the bullets but not the space they would have been in. If you zero out the default space like this bit highlighted in red below, the text-align:center; you've put on the li will center the text.


#navi ul{
padding: 0;
list-style:none;
}

the heading is pretty even in FF but the top space is smaller in IE, why?
That's likely the difference in default margin/padding between browsers. If you specify your own margin and padding (on the h1 in this case), they will all be the same.


adjust the height for the content (or anything really) so it has a stretch to fit kinda thing
#content will already stretch to fit whatever you put in it. It will be limited by the height:600px; on #wrap though.

Now for the suggestions...
First, have a look at a very simple 2 column layout (http://nopeople.com/CSS/simple_2-column/index.html) demo of mine. By floating only one column and not specifying a width on the other we can sidestep a couple nasty IE6 bugs.

That right border on #content will extend as you put actual content in it. If you're sure your content side will have more in it than your #navi then you're fine. The way it is now, the border doesn't make it to the bottom because there is more content in #navi than there is in #content.
You can use a method called Faux Columns (http://nopeople.com/CSS/faux_columns/index.html) to make sure they match in lenght no matter which has more content.

Ok, I'll stop with one more so you don't get overloaded. You can follow this example for a good full-height layout (http://nopeople.com/CSS/full-height-layout/index.html).


p.s. Congratulations on the valid CSS/markup! Amazing really, for a beginning coder!! Have a look at the links about validation in my sig below. They can help you keep your code valid as you're developing your site.

metathirteen
Feb 19th, 2010, 04:17 AM
awesome, thanks for the help and the advice =D
and i feel kinda flattered lol. i didnt think i was doing that good.