Get a free trial // Grow your CSS skills // Land your dream job

Positioning-Resolution issue

  • # January 20, 2010 at 12:40 am

    Hello forst time poster but I have been reading this forum for a while now. I have been doing CSS for some time but I have stuck with alot of basic principals and web desings. This in my first time trying to venture into what I consider new grounds.

    Ok to the grunt of my issue. I started off with a simple main page to my site and the issue I am having is with resolution changes the heading will correctly move accordingly but the rotaing picture below it will not. The heading of course is a simple center and thats easy. The picture below it is a bit tougher and something I am unable to figure out with my limited knowledge on how position properties works. Now I could have easily just centered the rotating picture (script) but I have a border that lays over top it and the only way I could figure out how to achieve what I wanted was to use the "position".

    Any help or some examples will help greatly as I am able to learn easier when I have examples I can play with..

    Here is the temp location of the main page

    Here is the css

    < !DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

    NW WHeelers

    And here is the html


    # January 20, 2010 at 2:19 pm

    I think you don’t understand positioning in CSS very well, especially since I can see from the code you posted that you are using relative and absolute.
    These 2 articles will help you understand better … sitioning/
    and this one on absolute positioning within relative positioning … sitioning/

    # January 20, 2010 at 2:32 pm

    Oh I will be the first to state I don’t (as stated in my OP). Thanks for the links as I will read thru them and try to better understand what it is I am trying to do 8-)

    # January 20, 2010 at 2:35 pm

    Your first link doesn’t work…

    # January 21, 2010 at 4:35 am

    The forum did not permit the full address, here it is without the http

    # January 21, 2010 at 11:06 am

    Ok I have looked over the second link that virtual posted and I think I got something to click and understand the concept a little better. In any case I am able to do almost exactly what I want except for I faught trying to get the verticleness of the images to move and the only way I could figure out how was add a height.


    < !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">

    NW WHeelers



Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed