Re: [css-d] Two Phones one problem

[David Laakso]

On Tue, Feb 17, 2015 at 7:28 PM, Crest Christopher <
crestchristop...@gmail.com> wrote:

> Here is the page
> <http://www.thecreativesheep.ca/wdp/wip/cs_regular_tutorial_WIP_2.htm>.
>
> Christopher
>


On line numbers 334-341 try changing this:
    /* Media {Landscape}*/
    @media (max-height:600px) and (orientation:landscape) {
    #wrap {
    width:100%;
    background:#b7b7b7;
    margin:auto;
}

To read this:
/* Media {Landscape}*/
@media only screen and (min-width:0px) and (max-width:600px){
    #wrap {
    width:100%;
    background:#b7b7b7;
    margin:auto;
}

On line numbers 363-370 try changing this:
      p.imgbox {
        position:relative; /*containg block for AP paperclip*/
        width:300px; /*BG image width*/
        height:350px; /*BG image height*/
        background: url(images/background.gif) no-repeat;
        border:5px dashed red;
       right:-75px;
         }
To read this:
      p.imgbox {
        position:relative; /*containg block for AP paperclip*/
        width:300px; /*BG image width*/
        height:350px; /*BG image height*/
        background: url(images/background.gif) no-repeat;
        border:5px dashed red;
       /* right:-75px; delete*/
         }

Best,
David Laakso
______________________________________________________________________
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/