Want to float the image after minimizing the windows in html?

Question

I am creating a webpage in which there is an image on the extreme left when the browser is maximized but as soon as the browser gets minimized i want the image to move to extreme right .. How to do that ? I tried float but it's not working..

by minimize do you mean minimized to task bar or the window is made smaller and still visible? — wallop, Aug 21 '14 at 09:00
minimized or browser width decreased (small display screen)? — 4dgaurav, Aug 21 '14 at 09:00
http://www.appenstien.in/website_appenstien/udi.html .. Check this page out and do check it after minimizing... @Benjamin .. after you minimize the browser window the image comes over the content.. i want it to move to extreme right.. thank you — Appenstien Official, Aug 21 '14 at 09:03
@AppenstienOfficial I don't see any image on that page? Do you mean the *Patrons* `
.prof { position : absolute; top : 210px; left : 200px; } .prof > img { float :left; @media (min-width : 800px) { img { float : right; } } } — Appenstien Official, Aug 21 '14 at 11:32

Moshtaf · Accepted Answer · 2014-08-21T11:32:47.070

1

Do you mean minimized to task bar or resize window? because when you minimize to task bar the image don't visible anymore or i miss something? anyway if you mean resize so:

Use Media Queries:

img{
    float:right;
}

@media (min-width: 800px) {
    img{
        float:left;
    }
}

This cause to image float:right until window's width is under 800px and if the browser's width resize to larger than 800px, the image change to float:left

edited Aug 21 '14 at 11:32

answered Aug 21 '14 at 09:02

Moshtaf

4,833
2
24
34

Moshtaf : .prof { position : absolute; top : 210px; left : 200px; } .prof > img { float :left; @media (min-width : 800px) { img { float : right; } } } – Appenstien Official Aug 21 '14 at 11:33
the above is the css ... – Appenstien Official Aug 21 '14 at 11:36
– Appenstien Official Aug 21 '14 at 11:37
http://www.appenstien.in/website_appenstien/roh.html ... Can you check this page.. minimize it and figure out the problem please.. it'd be a great help .. Thank you :) – Appenstien Official Aug 21 '14 at 11:38

Want to float the image after minimizing the windows in html?

1 Answers1