Solved

Stop floating image from moving

Posted on 2011-03-15
2
276 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:knowlton
2 Comments
 
LVL 9

Accepted Solution

by:
McOz earned 500 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:knowlton
ID: 35141670
Yep!
0

Featured Post

DevOps Toolchain Recommendations

Read this Gartner Research Note and discover how your IT organization can automate and optimize DevOps processes using a toolchain architecture.

Question has a verified solution.

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

Suggested Solutions

Why do we like using grid based layouts in website design? Let's look at the live examples of websites and compare them to grid based WordPress themes.
Building a website can seem like a daunting task to the uninitiated but it really only requires knowledge of two basic languages: HTML and CSS.
In this tutorial viewers will learn how to embed custom externally-hosted Google Fonts using the Google Font API in CSS Go to the Google Fonts website at google.com/fonts: Browse or search based on font properties or name to find a suitable font for…
Video by: Mark
This lesson goes over how to construct ordered and unordered lists and how to create hyperlinks.

773 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