content cut off by menu

agabrysiak / 2013-01-18 02:46:55   

the content on my exhibit pages have moved to the far left and is being cut off by the menu bar. are there any suggestions to fix this?

website: andygabrysiak.com/…

I also have content on the homepage but it's moved so far to the left it's not visible.

arsondpi / 2013-01-18 08:33:58   

it works fine from my end. I don't see anything being cut off...

deveroe / 2013-02-28 14:13:29   

well ... does not really fit a 100%, but the content on my website is being cut off from the right side. a friend of mine suggested to delete this one:

#exhibit { margin-left: 275px; }

but i can't, since this is a command made by the Indexhbit Style v1.0 (plugin.ndxz_style.php) addon.

any ideas how to solve my problem?

website:
immersiv.org

lemathieu A / 2013-02-28 14:53:21   

it cuts pictures on the right side when you minimize your browser, i see it.
it's not your #exhibit { margin-left: 275px; }, this is just a margin to fit your menu size.
did you put any right margin ?

deveroe / 2013-02-28 15:11:53   

thanks for the quick replay

i do have a right margin in my base.css
#exhibit { height: 100%; top: 00; margin-left: 275px; margin-right: 400px;}

i also have this in my base.css
#index ul.subsection_1 { padding-left: 200px; margin-left: 275px; margin-right: 650px; }

that seems to be it. only other thing that might be of intrest is, that i hid the menu-bar in my style.css:
.container {
padding-top: 58px;
padding-left: 38px;
overflow-x: hidden;
}

additional:
even when i don't have the browser minimized i have a small bit cut off on the right side.

thanks in advance

lemathieu A / 2013-02-28 16:59:00   

try to erase the margin-right: 400px; of your #exhibit and see what happens.

additionnal : yes, sure, that depend of your screen resolution.

deveroe / 2013-02-28 21:40:24   

unfortunately it stays the same
i can maximize the window.. it looks good like this on most sections.

but the problem stays the same, i.e.
immersiv.org/index.php/films/nod/

deveroe / 2013-02-28 22:06:52   

... ok, i think i got the problem, thanks again!

found another "margin-right" in my base.css, called
body.exhibit-20 { margin-right: 375px; }

i was using this command to make sure the text in
immersiv.org/index.php/about/
stays in a proper framing. since i got my problem solved i have to ask:

how do i exclusively frame the text in my "about section"? i thought i could do this by directly addressing this section by its number, 20?
like: body.exhibit-20 { margin-right: 375px; }

arsondpi / 2013-03-01 06:03:08   

Wrap your text in a div and give it a specific width size.
Also apply the oveflow-x:hidden; css rule to #index .container and not to .container (because it affects the .container in the #exhibit div)

This thread has been closed, thank you.