View Full Version : new to CSS and loving it but...

Jan 4th, 2007, 10:47 PM
Hey guys, I am new to CSS and to these forums. I am loving CSS and getting excited to design and develop again. I am working on a site to get the in's and out's of CSS and it is going okay except I find that there are positioning issues when I go from IE to Firefox, and if I fix them in Firefox then they are ugly again in IE. I am starting to think that I am just doing something wrong? :confused:

If you guys could take a look at the site and may be give me some feed back on what I am doing totally wrong, or if I am not doing anything wrong but could do it better then that would be great also.


This is my first all CSS site so please don't bash me LOL. Hey at least it all seems to validate so far :thumbsup: hehe

The areas that I am talking about are the Logo, Navigation, and the News Stories. They all seem to be off on their positioning.

Jan 4th, 2007, 11:07 PM
im not totally positive, but it think you're just having a box model (http://www.w3.org/TR/REC-CSS2/box.html)problem. Being that the width of your latest news box is just too big to fit there in IEs interpretation.

One thing i think (again not positive) that might help yr problem is to not rely on any default values for margin and padding. Meaning that at the top of yr css use:

*{margin:0; padding:0;}

meaning No margin or padding for anything unless you set it specifically. If you do that, and do yr math right, and understand the box model, you shouldnt get boxes dropping down when they should be floating.

just a guess there.
hope it help.

(also you do have a few warnings in there in the markup, empty li's and i dont think yr suposed to specify a unit in the inline width attrib)

Jan 5th, 2007, 12:45 AM
So I seemed to have fixed the latest news section and it's changing position from IE to FF by adjusting the sizes correctly. I actually used FF addon that shows the borders of the elements hehe. Now it shows the same from IE to FF. :)

I will have to read up on that box model. Like I said, I am new so some of this is a little foreign to me. I think the worse case of the problem is when you actually click on the news link and look at the story. The story on that next page shifts big time to the right.

Oh, well. Thanks for the heads up though on the other part there zro.

Jan 5th, 2007, 01:10 AM
Hey just a quick update so you know since you were unsure. You hit it right on the head with the missing attributes. After I started defining margin and padding, elements started to straighten out correctly in both of the browsers.

I guess I assumed that I did not need to define those since I was just using the default but then not even thinking that each browser default would still render them differently.

Thanks alot :):)