Joomla Templates Club 406,261 posts

[h4n5 Friend h4n5Join date: November 2009Posts: 6Downloads:0Uploads:0 Thanks: 2]

#155544

Hi,

in Sanidine II, the Module Position “left” is shown, as the name says, left and the main content in the middle:

I wanted to switch those two positions, like that:

So I came up with the idea to copy the attributes of the “#ja-col1” class (in template.css) and paste it to the “#ja-content” class and the other way round. I thought, that way they would simply switch positions. Problem is, that the floating doesn’t seem to work anymore:

The CSS Code for Image 1 looks like that:

#ja-content {
clear: both;
display: block;
float: right;
width: 60%;
background: /*url(../images/content-center3.gif) repeat-y center #FFFFFF;*/ }

#ja-col1 {
float: left;
overflow: hidden;
width:40%;
}


The CSS for Image 3 looks like that. I just switched the attributes…

#ja-content {
float: left;
overflow: hidden;
width:40%;}

#ja-col1 {
clear: both;
display: block;
float: right;
width: 60%;
background: /*url(../images/content-center3.gif) repeat-y center #FFFFFF;*/
}


Does anyone know what to do?

Thanks

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#364086

dear h4n5,

When do that you should change

#ja-col1 {
clear: both;
display: block;
float: right;
width: 60%;
background: /*url(../images/content-center3.gif) repeat-y center #FFFFFF;*/
}

to

#ja-col1 {
clear: both;
display: block;
float: left;
width: 60%;
background: /*url(../images/content-center3.gif) repeat-y center #FFFFFF;*/
}

I think it would help !

[Author]

Posts