Footer using Flexbox - flexbox

I have an issue when trying to make a footer using flexbox. I want the footer to appear at the bottom of the webpage using align-items: flex-end. I found an answer on this website saying that I need to add 100% height to my code, but when I do it adds more than the height of the screen and makes it so I need to scroll to see the footer. Here is the basis of what I'm doing (I made the whole footer green so I could see what was happening):
http://jsfiddle.net/kk4jec81/2/
Thanks in advance for your help!

I know it's been a while since the question was asked but here's a way to solve it:
http://jsfiddle.net/kk4jec81/9/
I added some comments on the CSS but what I did is body {display:flex;flex-flow:column;}, then I deleted the 100% of the footer and finally .menuContainer {margin-top:auto;}.
Hope that helps.

Related

adding horizontal scroll to posts automatically

where can I add div style="overflow-x:auto;" code to turn posts automatically horizontally scrollable? when it sees **table **? Thank you in advance.
i dont know so I am asking

Need to Remove Horizontal Scrollbar

For some reason I randomly have a horizontal scroll on a website I'm working on. It appears to only be on the home page. I have tried playing with padding and margins on this page and can't seem to fix it. I know I can just use the overflow:hidden css, but I really don't want to have to do this. The site I'm working on is located here:
http://www.wattins.abncomputers.com/.
I would really appreciate any help anyone can give me cuz I think I've just been messing with it for too long and need another set of eyes.
You have a div with .so-image-grid-wrapper with margin, you need to remove that

How to hide Oracle/Netsuite logo?

Please help I would like to hide the logo from the top left corner, leave only the company logo.
I've tried but I couldn't find any possible solution, any help will be very appreciated
I don't believe that is possible, without dynamically editing the DOM. I can't think of a reason why NetSuite would want to allow people to hide that logo.

Div with 100% width, how to make it fill area?

I have a 940px wide layout that I turn into a responsive layout once it gets below 940px.
The content I have doesn't respond well. It seems that if there is enough text in some of my divs, the divs span the width of my layout. If there's only a little bit of text, the div will go to the left of the page as per this example:
http://www.coflash.com/stuff/cssproblem.jpg
My question is... without giving divs an actual width, how can I assure thet they'll span the width of the browser no matter how much content they have? As soon as I set an actual width, I get scrollbars on my responsive site and it breaks everything :(
What exactly is the text doing that all of a sudden makes it fill the layout area?
Thank you for any help, and sorry I cannot provide a real world example, surely this is a common issue though.
For that first make
html, body{padding:0; margin:0}
then you can specify
div{left:0; width:100%}
try this, it think this will help :) and reply if not done

Page width bug when inserting AddThis code

I use AddThis on most pages on my website for sharing on social networks. Pages that have the AddThis code are very very wide, because of the AddThis code, as seen in the horizontal scroll bar (Please see example below). Removing the code fixes everything and the page width is back to normal. I can't seem to put my finger on the why this happens with the AddThis code. Please help!
Please click on link for example:
http://roshtof.co.il/events.php
This is due to right to left language
This is what make the problem in your code:
-10000px!important
After I remove it the scroll is fix.

Resources