Joomla - Virtuemart - fly page the border is not at the right place

starhu
starhu used Ask the Experts™
on
Hello,

I attached a picture to see the problem. At the middle, every article, etc. is surrounded with a gray border. Everywhere is good except on the flypage of the product (here it is much higher, it gets under the menu).

 problem

The link:
http://www.egyediszoftverek.hu/ideig/joomla_ideig/index.php?page=shop.product_details&flypage=flypage_sts2.tpl&product_id=890&category_id=1&option=com_virtuemart&Itemid=60 

Thank you
Comment
Watch Question

Do more with

Expert Office
EXPERT OFFICE® is a registered trademark of EXPERTS EXCHANGE®
not doubting you but I don't see it.

Author

Commented:
Please click on the link. Can you see the thin gray vertical line on either side? The same kind of line is on the top crossing through the menus (this is the top of the rectangle). I can see it quite well. That line should be lower.

I embedded another picture (between the green arrows): Please magnify it to see it.

 problem
div#AWMEL0.AWMSTCBG3
{
margin-top:5px;
}

might need to play with that 5px a bit.
OWASP: Threats Fundamentals

Learn the top ten threats that are present in modern web-application development and how to protect your business from them.

Author

Commented:
Thank you for the answer.

div#AWMEL0.AWMSTCBG3 is not good because this is for AllWebMenu (the menu) I use.
If I move it, the menu itself will move too.

The menu should remain where it is, only the box should get lower (this is the box in which the articles and everything else are put but somehow only with the product detail page it is resized)
I see that now. How about

div.art-content-layout-row div.art-post

Author

Commented:

If I put

div.art-content-layout-row div.art-post
{
 margin-top:9px;
}

then the top of the box of the flypage will be just at the same level of the top of the left box (as I wanted), but when I click on other pages (which were leveled previously) -> the middle box will be 9px lower :-(

So this is a global setting -> there should be something in the VirtueMart flypage that "spoils" this setting
Example of page on which this happens?

Author

Commented:
Ok, I set it back (I hope the customer won't see it)

form example : http://www.egyediszoftverek.hu/ideig/joomla_ideig/index.php?option=com_k2&view=item&layout=item&id=3&Itemid=18

But all are like this except the flypage.

Author

Commented:
So if I put
div.art-content-layout-row div.art-post
{
 margin-top:9px;
}

Then the fly page is good the others are bad, if I don't use this ,the fly page is bad and the others are good :-(
oh simple

div#vmMainPage div.art-content-layout-row div.art-post
{
 margin-top:9px;
}

Author

Commented:
Now it is not lined again and it doesn't matter if I put margin-top:9px; or margin-top:90px; it won't move in either direction :-(

http://www.egyediszoftverek.hu/ideig/joomla_ideig/index.php?page=shop.product_details&flypage=flypage_sts2.tpl&product_id=890&category_id=1&option=com_virtuemart&Itemid=60
ok does this work?
div.art-postcontent div#vmMainPage {
padding-top:9px;
}

Author

Commented:
No it doesn't. But we can make this shorter: write me your email in private message and I will make you an administrator account so as you can directly change and experiment what you think. How about it?
I'm sorry but that'd take way too much setup - I've been using web developer add on for firefox, give it a try, it lets you edit the css on the fly.

Author

Commented:
I use FireBug, but my css knowledge is far from yours so my chance to solve it on my own  is small- that's why I wrote here.
the issue for me is that being admin would be an annoying way to do it. I'd want to download the site to my machine and directly edit the css so I could see the changes. At that point it's a lot of work and not the pretty quick hit at it I would normally take.

I'm really surprised that the last one didn't work. What did happen when you added that css?

Author

Commented:
"What did happen when you added that css?" Nothing changed.

Author

Commented:
Sorry something did change: the VM browse page box got higher (that is not good)
higher? that doesn't make sense. we're adding 9px.

Author

Commented:
Indeed it is strange but it was so.

This problem has been "alive" for days so I thought the fastest solution would be to hide the whole middle rectangle (no rectangle - no alignment).

I tried

div#art-post
{
 border: none;
}
but it didn't work.
Have you got an idea? Thank you
I don't think this is a css problem. The same css exists for both pages. I think the html is different. I did narrow down that the grey line is coming from template.css .art-post-tr, .art-post-tl, .art-post-br, .art-post-bl.

What I would do at this point -- and I'm sorry but this has gotten too big for me -- is this -
- do a view source on the offending page
- copy to an editor
- rewrite all src= and href= so that their arguments are fully qualified url's to the server js and css files
- eliminate html until you isolate the difference between this page and the one that works correctly

The problem is going to be in the virtuemart tmpl default.php somewhere, I think.
And it starts somewhere about art-post-body.

Author

Commented:
Finally I hid the box

Do more with

Expert Office
Submit tech questions to Ask the Experts™ at any time to receive solutions, advice, and new ideas from leading industry professionals.

Start 7-Day Free Trial