Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

No fill completly the width container #41

Open
grimaldodev opened this issue Aug 15, 2014 · 3 comments
Open

No fill completly the width container #41

grimaldodev opened this issue Aug 15, 2014 · 3 comments

Comments

@grimaldodev
Copy link

Hello, I have a small issue, the images dont fill the 100% of the container. I had a right gap. You can see it in:

http://devigner.ga/islamazatlan/villa-mar.htm

Thanks for the help

@jpscholtanus
Copy link

Hello Grimaldo.
Today i had the same problemen with CollagaPlus.
My not neat solution to get rit of the gap on the right side, is:

#wrapper {
width: 100%;
overflow: hidden;
#itemlist {
width: 101%;
.items {}
}
}

@grimaldodev
Copy link
Author

Sorry I cn't get you, can you explain me please?

@jpscholtanus
Copy link

the above solution was in sccs but i will explain it in plain css.
You have a wrapper(100%) like this in css and within this wrapper you have a itemlist (101%).
Within your item list you have your pictures or items.
Because the wrapper is 100% and overflow hidden and the div inside (itemlist) is bigger. The white part that will overflow is hidden. You can try it like this:

In your html file you'll have a wrapper and within this wrapper a #itemlist and within this itemlist, you'll have your items or pictures

----CSS---
#wrapper {
width: 100%;
overflow: hidden;
}
#wrapper #itemlist {
width: 101%;
}

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants