?
Solved

Stop floating image from moving

Posted on 2011-03-15
2
Medium Priority
?
279 Views
Last Modified: 2012-06-21
Please visit:

http://ash.kent.campuswebstore.com/

I want the link for "Dollars spent in the..." in the upper right hand corner to not move when the browser window is resized.


Here is the HTML and inline CSS:


<div style="position:relative;top:200px;float:right;margin-right:50px;margin-top:20px;width:200px;">
            <a href="http://www.journeyed.com/select/go/NACKSAS" >Dollars spent in the KSU Ashtabula Bookstore stay on campus in support of all KSU Ashtabula students

and Kent Ashtabula Campus activities.</a>
0
Comment
Question by:Tom Knowlton
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
2 Comments
 
LVL 9

Accepted Solution

by:
McOz earned 2000 total points
ID: 35140871
I think you need to place the <div> inside the "mainContent" div, rather than inside the "outerWrap" div.

"outerWrap" gets wider when the window is resized, whereas "mainContent" remains at the same width, and the "dollars spent" div would stay in the same positioned relative to it.

Cheers
0
 
LVL 5

Author Closing Comment

by:Tom Knowlton
ID: 35141670
Yep!
0

Featured Post

What does it mean to be "Always On"?

Is your cloud always on? With an Always On cloud you won't have to worry about downtime for maintenance or software application code updates, ensuring that your bottom line isn't affected.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

As a result of several questions about how to use Bootstrap I thought it would be a good idea to write down the development aspect of creating a Bootstrapped website in as little time as possible. Part 1 of this article will only concentrate on g…
So you have coded your own WordPress plugin and now you want to allow users to upload images to a folder in the plugin folder rather than the default media location? Follow along and this article will show you how to do just that!
Video by: Mark
This lesson goes over how to construct ordered and unordered lists and how to create hyperlinks.
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).
Suggested Courses
Course of the Month15 days, 16 hours left to enroll

741 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question