CSS Help Thread?

[portify]

but 100% height is another story, and its really loving annoying.

Please, use flexboxes.

http://philipwalton.github.io/solved-by-flexbox/

[Ad Bot]

[TristanLuigi]

Please, use flexboxes.

Tried that, for some reason it doesn't allow linebreaks though.

[Flatflyer]

CS:S (the game) also sucks but it's obviously irrelevant to this conversation.

Mus is going to hunt you down now.

[portify]

Tried that, for some reason it doesn't allow linebreaks though.

Linebreaks in what exactly? What browser are you using?

Firefox 27 and earlier do not support multi-line flexboxes. See this bug for more details.

[TristanLuigi]

Linebreaks in what exactly? What browser are you using?

Chrome, inside of a flexbox. See this website; the logo and menu bar are supposed to be on separate lines. If the display is not flex, then this doesn't happen but then overflow: hidden stops working.

[pefu19]

Chrome, inside of a flexbox. See this website; the logo and menu bar are supposed to be on separate lines. If the display is not flex, then this doesn't happen but then overflow: hidden stops working.

are you using <br>? try using display: block;

[Steve5451²]

padding

[TristanLuigi]

are you using <br>? try using display: block;

Yes, I was using <br>. Using display:block; fixes the linebreak issue, but then overflow:hidden; doesn't work correctly.

padding

Already fixed the horizontal issue, now i'm having trouble with vertical alignment.

[Foxscotch]

also, 100% width is actually 100% width of the page, but 100% height is another story, and its really loving annoying.

those percentages aren't about the page, they're about the viewport. 100% height is the height of the viewport. same for width. it just so happens that usually the width of the viewport is what you wanted to begin with