« first day (135 days earlier)      last day (476 days later) » 

12:47 AM
Why doesn't css let you vertically align something without resorting to hacks (don't tell me I don't understand css)
 
 
13 hours later…
1:52 PM
can i position a div relative to fixed positioned div?
 
Kobayakawa yes... <div style="position: absolute; top:10px; left:10px;"><div style="position: absolute; top: 40px; left: 40px;">inner content</div></div>
the inner div will be 40px offset from the upper left corner of the container
 
that's not what i'm looking for. basically i have this :
<div id="outerdiv"><div style="position: fixed; top: 10px;">content></div><div id="anotherdiv">content></div></div>
i want to position "anotherdiv" relative to fixed div
outerdiv has height 100%.
 
i think you will have to use another container within your fixed element , because you need something with position:relative , and then you can place absolute elements against that
but it might be better to rethink the whole thing , @Kobayakawa
 
There are two possibilities
 
always try float and display before using position
 
2:04 PM
Since your outer div "has height 100%", I'll assume that it is 100% of the window height (if this is wrong, let me know)
 
the bottom line is : position should be the last thing you use
 
I agree with @tereško, but I'll answer your question anyway
 
@RyanKinal to me it sounds more like a full-height page , with some footer which sticks to bottom of viewport
 
100% is window height right.
 
and he is having trouble with placing stuff inside that footer
 
2:06 PM
@Kobayakawa Not necessarily
 
but just forget about that question. :) i have another one
 
@Kobayakawa sometimes
 
the reason i used position:fixed is i want to put a div which has a height of 50% of the outer div. but outer div has height of 100%.
and that way it's not working
it's ignoring the height: 50% part
 
@Kobayakawa , open MSpaint and draw what you want to get in the result
 
2:10 PM
So, a percentage height depends on the height of element's containing block. By default, the containing block has no height
 
actually two pictures : 1. how it looks empty , 2. how it looks with three pages of content
@RyanKinal , shouldn't w3fools be pinned in the stared box ?
 
In general, using height in a web design is a bad idea
@tereško w3fools? I don't know about that.
I have a list of useful CSS links that used to be pinned. It seems somebody took it down, though.
 
I'm aware
 
2:16 PM
Yeah, there are currently only two pinned messages.
I don't think there should be more than that, really.
 
2:31 PM
@RyanKinal got a minute to help me figure out why this ui is mucking up?
 
@rlemon Sure
 
there is a video showing you the output.. unfortunately no live examples..
html from the 'Account Information' page(problematic page)
and from one of the 'good' pages (does not shift) paste.ubuntu.com/836590
I just can't see the difference... other than one more <p> and less content within each <p>
 
waaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaat!
we have a different CSS room ! D:
 
My guess? Scroll bars. When you have more content, you have a scroll bar on the right, and that takes up space.
Nothing you can do about it.
@Abhishek Welcome :-)
 
@RyanKinal i think he can
using a fixed size gutter
i assume hes using % of something for the relative positioning at center ?
 
2:37 PM
@RyanKinal yea that was it just checked... crapola..
@Abhishek yes
 
@rlemon a magical solution for that would be
remaking scrollers yourself
 
lulz
 
but that would be tooooooooooo non-productive (xD)
 
html,body { width: 100%; }
.wrapper { width: 800px; margin: 0 auto; }
i'm sure jQuery has a plugin :P
 
@rlemon lol
jQuery has tons
 
2:38 PM
 
lol
 
@Abhishek , yes , and there is even php room too
 
@tereško i have known about the pHp Room
never noticed a different CSS room
 
That's because it's usually dead. I try to idle in here has much as possible, though
 
you just got 1 more camper now lol
 
2:41 PM
Because I <3 CSS
Sweet!
 
gist: Useful CSS links for easy reference, 2011-11-10 21:49:26Z
Official Documents
------------------
* [CSS2 Spec][1] - the official CSS 2.1 spec from the w3c
* [Default Stylesheet for HTML4][15] - W3C suggestion for default styles
* [CSS Snapshot 2010][2] - The current state of CSS (all versions)
* [CSS Compatibility and Internet Explorer][16] - Compatibility tables for Internet Explorer

Tutorials
---------
* [MDN Beginner CSS Tutorial][3] - An excellent way to start learning CSS
* [Opera Web Standards Curriculum][11] - A great resource for web standards education
* [HTMLDog][12] - HTML and CSS tutorials... and stuff
* [Equal-height Columns][9] - Technique that separates container from content, and achieves equal height columns
* [Float Tutorial][14] - Very in-depth, step-by-step tutorial on `float`
* [CSS Design Patterns][15] - Excellent website on common CSS techniques

Blogs and Articles
------------------
* [HasLayout][13] - Bugs and other issues in Internet Explorer
* [IDs are bad][10] - Reasons why you shouldn't use IDs in your CSS selectors
* [CSS Tricks][4] - A great blog with all sorts of useful CSS articles
* [Stubbornella][5] - Nicloe Sullivan, the progenitor of OOCSS, and all-around CSS guru
* [CSS `vertical-align` property][19] - How the CSS property `vertical-align` *actually* works

Frameworks
----------
* [OOCSS][6] - An interesting CSS framework focusing on DRY code
* [960gs][18] - The 960 grid system

Demos
-----
* [Demo - Clearing floats][7] - How to clear floats, several different techniques
* [Demo - Clearing columns][8] - How to clear columns, using *overflow: hidden*
* [MDN CSS3 Demos][17] - Crazy stuff

Other
-----
* [w3fools][21] - An admonishment of w3schools, as well as a list of errors in their documentation

[1]: http://www.w3.org/TR/CSS2/    "CSS2 Spec"
[2]: http://www.w3.org/TR/css-2010/    "CSS Snapshot 2010"
[3]: https://developer.mozilla.org/en/CSS/Getting_Started   "MDN Beginner CSS Tutorial"
[4]: http://www.css-tricks.com   "CSS Tricks"
[5]: http://www.stubbornella.org    "Stubbornella"
[6]: https://github.com/stubbornella/oocss    "OOCSS"
[7]: http://jsfiddle.net/WyJXe/2/    "Demo - Clearing Floats"
[8]: http://jsfiddle.net/q7cqU/1/    "Demo and Explanation - Clearing Columns"
[9]: http://matthewjamestaylor.com/blog/equal-height-columns-cross-browser-css-no-hacks    "Equal-height Columns"
[10]: http://oli.jp/2011/ids/   "IDs are bad"
[11]: http://www.opera.com/company/education/curriculum/    "Opera Web Standards Curriculum"
[12]: http://htmldog.com/   "HTML Dog"
[13]: http://haslayout.net/    "HasLayout"
[14]: http://css.maxdesign.com.au/floatutorial/    "Float Tutorial"
[15]: http://www.w3.org/TR/CSS2/sample.html    "W3C Default StyleSheet for HTML4"
[16]: http://msdn.microsoft.com/en-us/library/cc351024(v=vs.85).aspx    "CSS Compatibility and Internet Explorer"
[17]: https://developer.mozilla.org/en-US/demos/tag/tech:css3/    "MDN CSS3 Demos"
[18]: http://960.gs/   "960 Grid System"
[19]: http://www.impressivewebs.com/css-vertical-align/    "CSS vertical-align"
[20]: http://www.cssdesignpatterns.com/    "CSS Design Patterns"
[21]: http://www.w3fools.com/    "w3fools"
nice collection :)
 
Thanks
 
why css-tricks is forgotten ?
 
nr 4
thought i would avoid 960.gs
 
jesus :'( i am going to sleep
 
2:42 PM
@tereško It's not something I'd ever use. But it's certainly something to be considered.
 
well , it is 10x better then blueprintCSS , but thats like saying that jumping of the skyscraper is better then burning yourself alive
 
Yeah... I've never actually tried it.
Mostly because I have trouble with NIH syndrome
 
Here is my "Works" from today
 
1. failed to write a basic server [1 second ago]
 
2:47 PM
which , incidentally reminded me of "Metallica - I Disappear"
 
clear example of my problem. Hopefully someone has a solution.
 
nd now i am damn sure i will sleep for a long while
 
@RyanKinal , this has nothing to do with NIH , and all about semantic html : <div class="column span-9 append-1"> ( this is from the landing page of their site )
 
@rlemon Is it actually a problem, though? I mean, it's just browser functionality. There's nothing wrong with your code.
 
@RyanKinal the problem is the UX... clicking between sections and I notice the shift.
 
2:50 PM
additionally .. hell .. that song is already 12 year old
 
@tereško Is your problem with that HTML the completely banal classes, or... ?
 
@rlemon not a very intelligent solution but.
 
<div class="column span-9 append-1">
 
overflow-y:scroll;
 
now I'm trying to overcome the shortsightedness of the browser :P Browsers should adopt the Overlay Scrollbar. design.canonical.com/2011/03/…
 
2:52 PM
in .body{

}
will stop ur issue :P
 
@tereško ... that has nothing to do with whether it's a span or not. That has to do with how many columns it spans.
 
but that looks like a dirty scrollbar forever in the right :'(
 
@rlemon My problem with the overlay scrollbar is the visual aspect. It's difficult to tell whether there is more content, and how much there is.
Wait. I take that back. I see the additional UI for that.
Not bad
 
@RyanKinal canonical hit a home run with the overlay scrollbars imo.
 
The more I see, the more I agree
 
2:57 PM
after using unity for a few months I can say i'm very pleased with that design decision.
 
lol
fixed but ugly
 
never attach events in html
 
@tereško not what I care about in the example dude.. writing fast code. you're luck I didn't just use jQuery or innerHTML
 
@tereško The events aren't the point in this particular demo
Actually, though, overflow-y: scroll might be your most elegant solution
 
38
A: HTML/CSS: Making the main scrollbar always visible

Corv1nushtml { overflow: -moz-scrollbars-vertical; overflow-y: scroll; } This make the scrollbar always visible and only active when needed.

do I still need -moz-scrollbars-vertical
 
3:02 PM
Not sure. Test it.
 
@rlemon nope
Moz 3.6+ has it in the human form :P
@rlemon by the way
facebook has the same [shaker or you can say shifting content] issue
 
facebook === crap // just saying
 
nope
i like how they keep things realtime
@rlemon lol
 
i like how they know more about you than you know about you
i like how they steal and sell your information
 
-.- ?
 
3:16 PM
i like how you can NEVER delete or remove your information or accounts.
 
@rlemon relax
 
i like how they take the control of your information away from you and then mask their actions with some bullocks privacy policy which is constantly being disputed.
 
i feel insecure^chuckNorriss now
 
lol, just pointing out a few things.
facebook is evil. google is slightly less evil. twitter never pretended to be private so imo they're ok.
 
@rlemon tomorrow i will ask you to help me testing my app out on android :)
 
3:18 PM
lol, ok.
 
has to re-write
socket.io -.-
 
if i'm not around email me rob.lemon@gmail.com <- going to my phone.
 
like thing
on node :D
nah i will wait till you are here :)
 
I figure if anybody really wants to know anything about me, they can find it anyway.
 
@RyanKinal +1
 
3:18 PM
@RyanKinal i'm not afraid of what is out there. I just think my information should be controlled by me.. period.
 
Aw, how cute. You think you have control ;-)
 
a site that does not allow me to remove my account is, in essence, evil.
Facebook and Google have been caught many times selling information to third parties.
 
@rlemon beat that ? lol
@rlemon does third party pay a lot ?
 
DerpHerp - possibly a real name but too close to herp derp for me not to see trolls.
no clue.
i'm not facebook or google.
 
3:21 PM
Everybody sells information to everybody else
 
@rlemon that is a 16 year old hacker from USA [the most i could find out about him ]
 
but they don't have to hide it. I would be cool if they were like "Yo, we're free but you gotta tell us your email so we can sell it to remain free"
 
Fair enough
 
@rlemon lol
i will use that line on my app (XD)
kidding
 
no jokes. I would (and will if I ever build anything worth marketing)
100% transparency
no gimmicks
no tricks
 
3:23 PM
@rlemon lol
 
and currently no product... but whatever
 
somewhat what i am working on [ sponsored by a few radio stations ]
its an app .. much like a chat with some features of MMO :| , works on every platform
i think
that title line would sound awesome LOL
"Yo dawg , we people made this freee ... but we are humans and need to pay bills so tell ma your email so that we can sell it for a pizza !"
 
3:39 PM
 
lol
 
I wanna meet the director of that..
just to pick his brain to see how f'd up you gotta be to think about a giant squirrel f'n with search and rescue
 
4:03 PM
lol
 

« first day (135 days earlier)      last day (476 days later) »