Help please

  • Here is my problem.
    MY SITE
    I have customized twenty ten theme.
    I have insert `<div id=”orme”>
    </div>` in top of index, then in style.css i have inserted

    #orme {

	position: absolute;
	top: 1px;
	left: 1px;
	z-index: -2;
	background: url(https://www.cockermania.com/wp-content/themes/twentyten-child/img/orme.png) repeat-y fixed;
	width: 100px;
	height: 1080px;

}

    So i have dog footprints on the left of the screen.
    All is fine but when there is a picture in the post and I navigate down the div disappear at a certain point of the screen.
    How can i solve it?
    Thanks in advance

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

  • try to use position: fixed; in your css:

    https://www.w3schools.com/Css/pr_class_position.asp

    btw: there are no footprints visible in IE7; the page is left orientated in the browser window;
    in FF3.6, the header image is out to the right.

    try to validate the code: https://validator.w3.org/ to see if something is out of order;

    Thread Starter gio.ferre

    (@gioferre)

    Perhaps i must insert div in other place?

    Thread Starter gio.ferre

    (@gioferre)

    I inserted div in index.php and page.php there Are alternatives?

    Thread Starter gio.ferre

    (@gioferre)

    with position fixed now is ok, thanks alchymyth.
    Now i must check why in ie7 there is that problem…

    Thread Starter gio.ferre

    (@gioferre)

    I have done some tests and

    n FF3.6, the header image is out to the right.

    is a problem of Easing Slider plugin.

    wpfun2011

    (@wordpressfun2011)

    In my case my preloader was appearing in the correct spot, however the images were being displaced to the right: I fixed it by doing the following:

    I went into the plugin css and changed the “.lof-container” content block from “fixed” to “absolute – with the same references as in the .lof-slidecontent.preload” (this was located 1 line down fomr the previous container) and I just put in the values of where my slider should appear in my page (different for everyone)

    Here are the first few lines of my css page for the slider:

    .lof-container {}.lof-slidecontent{ position:absolute; top:30; left:484; z-index:2; height: 100%; width: 100%;}
    .lof-slidecontent .preload{ position:absolute; top:0; left:0; z-index:2; height: 100%; width: 100%;}

    Hope this helps. It works in all browsers for me. ??

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Help please’ is closed to new replies.