Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 4 of 4
  1. #1
    New to the CF scene
    Join Date
    Jan 2007
    Location
    Oregon
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Smile new to CSS and loving it but...

    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?

    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.

    http://www.pixelsoul.com/newera

    This is my first all CSS site so please don't bash me LOL. Hey at least it all seems to validate so far 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.

  • #2
    Regular Coder zro@rtv's Avatar
    Join Date
    Feb 2005
    Location
    on the network
    Posts
    433
    Thanks
    0
    Thanked 1 Time in 1 Post
    im not totally positive, but it think you're just having a box model 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:

    Code:
    *{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)
    ._-zro
    zro@redtv
    zro.redtv.org

    "If HTML and the Web made all the online documents look like one huge book, RDF, schema, and inference languages will make all the data in the world look like one huge database"
    -Tim Berners-Lee, Weaving the Web, 1999

  • #3
    New to the CF scene
    Join Date
    Jan 2007
    Location
    Oregon
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts
    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.

  • #4
    New to the CF scene
    Join Date
    Jan 2007
    Location
    Oregon
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts
    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


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •