By prezaeis on
not sure why, i think its a css problem but i cant figure it out, when logging in as admin the site seems to be fine, when logging out the right hand blocks fall down the page:
the site is www....
not sure why, i think its a css problem but i cant figure it out, when logging in as admin the site seems to be fine, when logging out the right hand blocks fall down the page:
the site is www....
Comments
It sounds like there is a
It sounds like there is a width calculation issue that is causing the affected blocks to be pushed down. I'd either narrow the block width untiil it doesn't happen or the main width.
You can use Firefox and firebug or IE with their developer tools to take a peek at the CSS to see what their names are.
i tried that but i cant seem
i tried that but i cant seem to find the problem
but why would it only happen when i logout of the admin account and then its fine when logged in as admin?! dont get it
I can't say w/o seeing the
I can't say w/o seeing the two differences.
A quick look at the firebug block shows that the imagefield is defined to be much wider than the sidebar itself. There are some extra padding on the right hand side for the rest.
Generally speaking, sidebar blocks being pushed below main content is a width issue.
ok im going to take a look at
ok im going to take a look at the imagefield css settings, see what i can find, many thanks
couldnt figure it out :-s any
no i thought that might be the problem too but its not, just gonna take a look into the coding of the phptemplate file
This is a style issue. There
This is a style issue.
There are definite complications occuring with the styling of the container divs. In particular there are a lot of issues with using percentage heights. You use an outer framing image is a fixed width, so you should consider using fixed widths for the inner components.
On the page that you provide, the ja-main div is squeezing out the ja-right div. I'm not sure what happens on the admin page that fixes it, but I played with this page.
I got your page to work, by overriding the height 100% on the div@ja-main tag, which is likely in your page template. I replaced it with width: 650px, and things look great. What's happening is that the ja-main div is taking the whole width of the of it's container, and squeezing out it's siblings.
The values are in the style tag for the div, so it is not a change in the stylesheet, but here is a synopsis:
=> Change to =>
So I think that you'll find thin in your theme page.tpl.php, or maybe in a block. Write again if you can't find it.
Incidentally, these style elements should be in a removed stylsheet, and then they could be applied for any non-admin pages, if this declaration messes up other pages.
Payment is expected to go to a noble cause.
BTW, it's nice to see some Farsi hip-hop on the airwaves
Thank you so much for the
Thank you so much for the detailed analysis.. unfortunately after spending a few hours trying to figure out what you explained, i could not get the same results you got :(
The reason the ja-main width is set to 100% within an element.style and not in a css sheet is because i am using a theme whereby the width of the right hand section and the main body are set within the theme settings (joomlart).. so basically i set the width of the full page in pixels in the settings and in a xml file which controls what regions are visible i set the percentage of the right hand side block (currently set wo 29%), which then distributes the remaining 71% to the main body and displays it as 100% (100% of the 71%)
setting the ja-main div to 650px did not solve the issue, i tried overriding it both in the stylesheet and also tried it in firebug, but neither worked :(
its really strange isnt it, im usually good with css but i just cannot understand whats going on here to save my life
when I made the changes, I
when I made the changes, I tested using firebug and FF 3.5.
any suggestions guys? :(
i think i got it :D
Is this still outstanding?
Is this still outstanding?
no this is solved, there was
no this is solved, there was an extra
somewhere in the code, i just removed it and it was fine
thank u all