Faux Columns not working for me

  • Resolved magicalwonders

    (@magicalwonders)


    13 years, 9 months ago

    Hello Folks,

    I’m having no luck getting Faux Columns working with my WordPress theme.

    I managed to achieve equal height columns using javascript, but this broke when I specified a different sidebar on the page. 🙁 Anyway, Faux Columns seems to be my only alternative, but so far I’ve not been able to get it working.

    The url I’m testing this at is – http://www.magicalwonders.com/blog/

    I’ve generated the theme using Artisteer and here’s what I’ve done. –
    The sheet transparency for the theme was set to 100%. I then created a graphic 992 pixels wide. Mostly white, with greyish blue at the end for the sidebar. This has gone inside the images folder.

    I’ve temporarily moved the page.php and single.php out of the theme to cut down the code involved. So I’m only dealing with the index.php and the style sheet. I’ve wrapped the container divs inside another div and given it a class called “faux”.

    I’ve reference this in the CSS as follows –

    .faux {background-image: url('images/backgroundtile.jpg'); 	    background-repeat: repeat-y;
}

    I’ve also tried adjusting the CSS for the Content Layout Div –

    .art-contentLayout
{ position: relative; 	margin-bottom: 2px; 	width: 992px; 	background-image: url('images/backgroundtile.jpg');
background-repeat: repeat-y;
}

    Here’s the location of the theme if anyone has time to take a look – http://www.magicalwonders.com/FauxCol.zip

    I’m not sure where I’m going wrong? If someone could point me in the right direction, I’d be very grateful.

    Many thanks,

    Myles

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter magicalwonders

    (@magicalwonders)

    13 years, 9 months ago

    I’ve made a bit of progress on this and have got it working in Internet Explorer, but no luck with the other browsers such as Firefox. Opera, etc.,

    I got rid of the extra Div, changed the graphic file extension to upper case and referenced it in the container for content. So my CSS now looks like this –

    /* begin ContentLayout */
.art-contentLayout
{
	position: relative;
	margin-bottom: 2px;
	width: 992px;
        background-image: url('images/backgroundtile.JPG');
	background-repeat: repeat-y;
}
/* end ContentLayout */

    Unfortunately I have no idea what’s needed to make it work for Firefox etc.,

    Can anybody give me a clue on this?

    Thread Starter magicalwonders

    (@magicalwonders)

    13 years, 9 months ago

    I’ve got this working now! 🙂

    tmillerwriter

    (@tmillerwriter)

    13 years, 2 months ago

    But how did you resolve it? I’m having the same problem, and a solution would really help!

    thanks

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Faux Columns not working for me’ is closed to new replies.