HTML5 Tutorial – 16 – Finishing the Flexible Box Model Layout

Date: December 26, 2011 |admin | Web Development

Visit my website at thenewboston.com for all of my videos! I also do a podcast three nights a week. You can watch the live show at http on Tuesdays, Thursdays, and Saturdays from 8-9pm EST! Also, check out my other YouTube channel www.youtube.com

Comments

Akiii001

Date: November 12, 2011 |

excellent bro !

Lindhe94

Date: November 12, 2011 |

Can I limit the flexibility by setting min-width? Because I don’t want to risk the flexible box to get 1 px wide or something…

TheUltimateDwarf

Date: November 14, 2011 |

@ZayLong Because he is actually the best teacher and programmer :)

venusfighter98

Date: November 15, 2011 |

@StormFucker91 naa thats bill gates he found out windows -_- whithout him youtube would not even exist ;p

sciman001

Date: November 16, 2011 |

if(!thenewboston == thebestdudeever)
{
 end(“the world”)
}

sciman001

Date: November 16, 2011 |

lol my last comment got messed up.. :(

sciman001

Date: November 16, 2011 |

Bucky, I will not give you 10000000 bucks if you make some tutorials on making your own font for pc. :)

ahmadu007

Date: November 17, 2011 |

the people who disliked this vid will not be able to learn programming forever!
thumbs up if ya agree!

thekidfromyesterday

Date: November 22, 2011 |

the new boston + khan academy + php academy = world domination and As in every class :D

JoseL786

Date: November 24, 2011 |

awesome vid bucky! but you could set the main_section to overflow:hidden. that way the content won’t spill over when you re-size the window to such a small dimension.

siminem911

Date: November 30, 2011 |

@StormFucker91 return true;

blinddaterix

Date: December 6, 2011 |

we can use percentage too, like width:70% (main section ->700px) and width: 30% (side_news ->300px) … good tuts by the way

blinddaterix

Date: December 6, 2011 |

forget it…i found the answer in tutorial number 19 :) thanks

CoomooTuu

Date: December 6, 2011 |

This is MAGIC!

mdevoss

Date: December 7, 2011 |

Anyone else having the problem of trying to adjust the width of the #big wrapper and not able to do so?//

If I want my page fatter/thinner what parameter do I adjust? max-width: isnt doing it for me

THanks

RebornXSoldier

Date: December 8, 2011 |

@ahmadu007 they can if they change :p

ahmadu007

Date: December 8, 2011 |

@ahmadu007 yeah but most of them are not of that kind. They’re mostly stubborn roody-poohs

USDAapprove

Date: December 10, 2011 |

“it has boxes inside it and the parent has to be a box” Bucky Roberts my favorite quote

az100eletronics12

Date: December 13, 2011 |

Do u know how facebook runs their website smooth as hell?

Fiffinono

Date: December 16, 2011 |

2 Peoples Parents a not a box!

JusticeHunterKiller

Date: December 16, 2011 |

@az100eletronics12 Its most likely good hardware.

mLovelady30

Date: December 22, 2011 |

thegoodteacher(dot)com

dabu002

Date: December 23, 2011 |

you can set “min-width: 500px;” in #big_wrapper to fix that shrinking problem. 

technoboi0

Date: December 24, 2011 |

These tutorials are excellent! It is rare to see any so good. Most of the time the presenter can’t get down to basics and glosses over some of the detail which causes confusion.

In regard to flexible web sites. The way I have always done it is not to define a pixel width but to use percentages. So, I might position a div on the left which is 65% & then position another div (or divs) to the right of it but specify a space to the left, in this case, 65%. It works but is fiddly in comparison.

xXxDiukexXx

Date: December 26, 2011 |

7:40 …That’s what she said…

Leave a Comment

Name (required)
Website
Your Message (required)