Want to protect your cyber security and still get fast solutions? Ask a secure question today.Go Premium

x
?
Solved

Stop floating image from moving

Posted on 2011-03-15
2
Medium Priority
?
282 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
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

[Webinar On Demand] Database Backup and Recovery

Does your company store data on premises, off site, in the cloud, or a combination of these? If you answered “yes”, you need a data backup recovery plan that fits each and every platform. Watch now as as Percona teaches us how to build agile data backup recovery plan.

Question has a verified solution.

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

Styling your websites can become very complex. Here I'll show how SASS can help you better organize, maintain and reuse your CSS code.
The first step to building an amazing About page is to figure out what you want the page to say about your company. You then must grab the attention of the reader, boast a bit, tell a story and let others brag about you. With a little bit of thought…
In this Micro Tutorial users will learn how to embed custom fonts into websites using @font-face in CSS Select a font: Ensure the EULA allows you to use @font-face: Download the font: Get the browser-compatible files you need: Edit your CSS       - Name …
In this tutorial viewers will learn how add a full-size background image to a webpage using CSS3. Create a new HTML document with an internal stylesheet.: In CSS, define the html element to have a background image. Use a high resolution image.: In t…
Suggested Courses
Course of the Month15 days, 3 hours left to enroll

577 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