If your table isn't automatically adjusting to the width specified by your CSS, make sure you haven't set display: inline-block; on the <table> element.
Tag Archives: css
Tufte CSS
Reply
Check out Tufte CSS...
CSS height 100% not working
My CSS height value wasn't being applied. Found this. The problem was that I needed to specify heights for all of the ancestor elements. Bug fixed!
QuirkTools Screenfly
Found out about this handy utility the other day: ScreenFly.
It allows you to test your website on various device form-factors. Handy!
Round corners with CSS
Today I had to look up the CSS syntax for curved corners and I found this article which suggested:
#example1 {
-moz-border-radius: 15px;
border-radius: 15px;
}
Align an HTML table in the center of the page
Today I found this discussion which showed how to align a table in the center of the page in HTML:
table {
width: 50%;
margin-left: auto;
margin-right: auto;
}
or:
table {
width: 200px;
margin-left: auto;
margin-right: auto;
}
Compass
Brad brought the Compass CSS Authoring Framework to my attention the other day.
Kick-starting a responsive design from a template
I got a referral from Stuart Laughlin to initializr which is a handy HTML/CSS/JavaScript template generator. Stuart's recommendation was to use the Twitter Bootstrap template.
CSS Media queries
Heard about CSS Media queries today. It's a table of CSS media queries that can help you figure out what sort of a device you are on.
CSS overflow property
Found myself looking up the syntax for CSS overflow. I think I ended up using overflow-y instead to get scrollbars on the y-axis only. I should know more about this stuff than I do. :P