landscape versus portrait image display problem

Is there a quick tweak I can do for the mobile site?  When you view it in landscape, the right hand column images display and they should not.  The image pushes site to the left which makes a wide black left border.  On portrait view the right column image doesn't display which is what I want and site looks good

I have this in the small css file.  Do I need to qualify this for portrait and landscape?

.img_border {display:none;}
.img_noborder {display:none;}  /* removes right column image from mobile site*/

http://nsitedesigns.com/nsitedesigns/wrb/index.html
http://nsitedesigns.com/nsitedesigns/wrb/css/screen_layout_small.css
nsitedesignsAsked:
Who is Participating?
 
COBOLdinosaurCommented:
If you don't want them to display in either portrait or landscape, the you should be able to use the same CSS rules for both orientations; so just make it the default in mobile.

Cd&
0
 
nsitedesignsAuthor Commented:
I never specified orientation in the css.  Do I need to specify that out?  If I don't mention it, wouldn't it apply to both portrait and landscape?
0
 
COBOLdinosaurCommented:
Yes If you don't qualify a scope then it will apply at all orientations and resolutions.

Cd&
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.