Forum Replies Created

Viewing 4 replies - 1 through 4 (of 4 total)
  • i would use relative rather than absolute for <div class=”absolute”>.

    .absolute {
       position:relative;
       top:-50px;
       right:;

    you can play with top and right. see what will fit you best.

    i would just apply white background to #wrapper.

    #wrapper{ background:#fff;}

    img{ margin:2px 10px 4px 10px;}

    img > for every image on your site
    { margin:2px 10px 4px 10px;} > top right bottom left

    note that you might want to find specific class that wrap or is applied to the image you want to work with then do
    .yourClass img { margin:2px 10px 4px 10px;}
    or
    img.yourClass { margin:2px 10px 4px 10px;}

    b/c if you use only
    img{ margin:2px 10px 4px 10px;}
    it will really margin out all image in your site.

    wow 9 months ago!
    anyway i will just post my solution here as if it can be helpful for another people.

    it is not perfect.
    anyone want to develop for a better outcome, please do.
    i would love to know it too.

    1.

    body{
    	margin:0; padding:0;
    	}
    
    /*you can try this too. all browser will give H100%, but problem will show up when trying to reduce the window size!*/
    /*html, html body{
        margin:0; padding:0;
        height:100%;
        }*/
    
    html, *+html body{/*ck for ie7*/
        margin:0; padding:0;
        height:100%;
        }
    
    *html body {/*ck for ie6*/
    	height:100%;
    	}
    
    #wrapper{
           min-height:100%;
    	height:100%;
    	background:#6CC;/*ck you can remove this*/
    	}
    
    *html body #wrapper{/*ck for ie6*/
    	height:100%;
    	}

    it was tested with
    -ie6,7 > work
    -ff3.5.2 > work
    but
    -ie8, ff2, opera9, opera10 > doesn’t work
    however if you use

    html, html body{
        margin:0; padding:0;
        height:100%;
        }

    it will (almost) work in all browser, but only if you scaledown the browser, you will see the problem.

    or

    2. another way that will work for sure in all browser is using combination of css and table.

    or

    3. fake it graphically by apply background image to <body>

Viewing 4 replies - 1 through 4 (of 4 total)