Positions in blog layout

I was with a problem like this in demo site: http://demo.gavick.com/joomla16/jun2011 ... log-layout

I solved this changing this part of code in css/layout.css and want to share with you the solution:

Code: Select all

.items-row {
  overflow: hidden;
  margin-bottom: 0px !important;

Code: Select all

.items-row {
  overflow: hidden;
  margin-bottom: 10px !important;

But I can't solve this other problem inset problem: http://demo.gavick.com/joomla16/jun2011 ... nset-right

And this other one: if the menu is a blog category, the position right top and right botton don't stay in the right, but in the botton left. If the menu is an article everything is OK.

Hi,

Somehow I've checked the links you gave but not seen any problem. Can you please clarify?

Thanks,

The first one, the article "IE 6 style" and the article "Module variation" aren't in correct position in Mozilla Firefox 12. Problem solved with the code change I show in first topic.

The second link the inset 2 position has less than one centimeter width. I tryed to use inset 2 in my site and happens the same problem. So, I decided to use right botton and right top. If I show only one article in menu, right top and right botton satay in the corect position, but If I put to show a blog layout, right top and right botton go to the botton of the article.

If I show an article, everything is in the corect position

Artigo.jpg

But, if I show a category blog, the right positions modules go to the botton of the article:

Blog categoria.jpg

Did you understand the problem now?

It is very importamt to me to have this problem solved. I'm not sure, but I think it is a kind of heritage of a clear comand... it looks like that in left everything works, the problem is in the right.

In some pages I'm still working I will need both: right and left...

Any ideas?

up

Hi,

I'm terribly sorry for my delay, was trying to get help from a developer and waiting for him but I think I can do it myself now.

I have opened the first link with FF12 and Chrome and seen the same result like this http://easycaptures.com/fs/uploaded/544/1982766529.png Can you please add some annotations to show me what are wrong there?

Thank you for clarifying but I still don't understand the last problem, it may be easier to understand if you can show me a particular case like giving me your page link with the problem then I could know how to go further to help you out.

Regards,

Comments in the image you asked me to comment:

View Screen Capture

Comment where the problem persists (blog layout)

View Screen Capture

And finaly, the article layout, where the same modules are in the corect position:

View Screen Capture

I'm providing a superuser to you and the URL. My site is offline, so you will only see it with a superuser. I will send to you a private message.

Hi,

The thing that has made me confused is that I've got the same result of the page when surfing with both Firefox (12) and Chrome like in the screenshot I gave you, moreover your code doesn't change anything and the default bottom margin is 10px as default already, check this screenshot

View Screen Capture

I will look for your PM to check the other problem.

Thanks,

In order to line up the article "Module Variation", add this code to CSS Override (instead of the one you've used):

Code: Select all

.blog div {
    clear: none!important;
}


I've added this code to CSS Override to fix the issue in blog layout for you:

Code: Select all

#gkContent{
width:100%!important;
}
#gkContentMainbody{
width:71%!important;
float:left!important;
}


View Screen Capture

I've added this code to CSS Override to fix the issue in blog layout for you:

Code: Select all

#gkContent{
width:100%!important;
}
#gkContentMainbody{
width:71%!important;
float:left!important;
}


View Screen Capture

Did you see what happened in article layout? This solution solved blog layout and the article layout that everythig was OK, now has the problem.

Sorry I haven't seen the rest issue, can you show me it by a link and screenshot?

Thanks,

The problem that was in blog layout, now is in the article layout. The main page suffered with this modification too.

Probably you didn't see because I have put your modifications as commentary to see if it was this modification that caused the problem. Now I put again the way you say that this solve the problem...

I'll take some screenshots

Here, this page was OK, with the change the problem comes to it:

View Screen Capture

Te main page: advertise position has changed and tabs and NSP - Portal mode 3 with problems:

View Screen Capture

I think I will remove that code and try to find another solution for you instead.

I've found out that there may be some div tag missing in your some article because in this page gkRight and gkContent are not in the same level causing the broken layout


View Screen Capture

In other pages, they are in the same level:


View Screen Capture

So please help find out the article and make sure you've got its content write correctly when using html. I also will check further and let you know if you find anything.

Cheers,

Finally I've found it out, problem came from article "Oficinas e cursos", I've backed it up to "Oficinas e cursos (2)" for you, and changed content of "Oficinas e cursos" to another string, and now if you go to the page you will see it displays correctly.

Cheers,

Yes, you're right! Your article works...

I really don't know how a div appears in my article. I did'nt insert it with HTML, I did it on the editor.

But now I think I understood what was happening. If a div appears in the article I can take it out manually.

I will try to observe in next articles how this div appears, I think it was created by function "paste from word" of the editor.

When I get the old article and put in "eventos" category the positions were messed up again, but I edited the HTML, took out the div and now is working.

You helped me a lot. Thanks! Now I think everything is working and I realize how to avoid this kind of problem

Yeah I guessed you had copied the content from a MS Word document, never trust the editor of Joomla when you work with HTML, I've seen a lot of people facing the same problem when they write articles with MSW and copy to Joomla. You'd better use some web design app like Dreamweaver to write your contents to make sure that every tag is closed otherwise it would cause breaking your pages layout.

You're welcome, I'm really glad that I could help you out, if you still have got other issues with the site, don't hesitate to ask me.

Have a nice day,