My first CSS Template

[rossp]

This is my first template with CSS so please be nice but i do want some ideas on what i can do to improve!Visit My Website

[thescientist]

You are seeing this page because the system administrator of 000webhost.com is currently checking this website for malicious content

that's not a good start.

[jeffman]

I like the overall feeling, colors and such. Good for a folksy kind of business, or just folks.In Firefox, at least, the content div leaks out the right side of the window. It's true that your sidebar and content div widths add up to 100%, but margins and padding are added on top of that. You'll need a way to make sure all those elements combined add up to 100% of the viewport. Hint: until CSS3 is fully implemented, mixing px values with % values is a recipe for yuck.Small thing, maybe just me: I don't like the underline on the header. It's so linear, and the font (which fits the whole scheme) is so not linear.

[jeffman]

Whoa! I didn't get the alert, I guess because I looked sooner than the others. This could be a nasty host to work with. If they review every page every time you make an update . . .

[rossp]

No they do that once so yea. But i am making this my site for people to see my newest work btw im 14 so give me a break lol

[rossp]

No they do that once so yea. But i am making this my site for people to see my newest work btw im 14 so give me a break lol

[jeffman]

Break from what? We know a host problem isn't your fault.

[DizzyDan]

The layout is good, but for some reason the left 'side bar' is off the screen to the left. atleast on IE8.

[jeffman]

That is probably the margin-left property, which may create different results in different browsers. IE and the others use different properties to position the styles and indent the items. I don't trust my memory, but adding text-indent:0 to the ul or li ruleset might do the trick, and that would eliminate the need for the negative margin (assuming I understand why OP added that rule). Personally, I could use a little padding on the left side.

[ApocalypeX]

Whoa! I didn't get the alert, I guess because I looked sooner than the others. This could be a nasty host to work with. If they review every page every time you make an update . . .

000webhost are very decent actually, they only do this when you first set up your account in case you are a spam creator etc. It is usually cleared within 24 hours.

[jeffman]

That's a relief.

[rossp]

updated the nav bar also do you guys have a css code that will make the ul li elements have a margin of 0 or for example as you will see in the update, have the background of the ul be inline with the sidebar background?

[jeffman]

Sorry. I don't understand. Some sort of sketch might help, even ascii art just to represent blocks.

[rossp]

Okay so some IE users have the ul or navigation go off the edge to the left while in Chrome it looks okay. Is there a way to make it so it looks the same in all browsers

[jeffman]

Yeah, I meant to get around to that, and now is the time before you get too locked in. You need a doctype, or there will be absolutely no consistency.http://www.w3.org/QA/2002/04/valid-dtd-list.htmlCopy and paste a strict one, probably for HTML 4.01 . Be sure to get both lines

[rossp]

Still looks different as far as the file goes between IE and GC

[jeffman]

Try giving your ul and/or li elements a lineheight to match your sidebar element.Might not work. You may need to define an absolute height for sidebar.Percentages are tricky because the percentage values of child elements are scaled to match.

[DizzyDan]

Looks good in IE8 Now! tho the nav bar is centered now, not on the left.

[rossp]

I am noticing that in IE8 my header doesnt appear but in Chrome it does?!

[DizzyDan]

I am noticing that in IE8 my header doesnt appear but in Chrome it does?!

I see "Earth Template" as your header, if thats your header then i see it on IE8.It also appears that your nav bar is not centered correctly. EDIT: it seems closer to the right then the left.

[ilyakar]

hmm try using more images in your template