Box Model Web Page Layouts with CSS



VN:F [1.9.22_1171]
Rating: 0.0/10 (0 votes cast)
VN:F [1.9.22_1171]
Rating: 0 (from 0 votes)
Tagged on: , ,
By SchoolofWeb.org | September 8, 2010 | 19 Comments |

19 thoughts on “Box Model Web Page Layouts with CSS”

  1. solow1991

    you’ll need a text align for IE7 < to center a div. but this is a nice video for those new to html and css. nice vid 🙂

    VA:F [1.9.22_1171]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)
  2. rrphillips

    Using a css reset rule will go a long way to creating consistent layouts for FF and IE. You can find complex reset rule examples through Eric Meyer’s site, but I often use * {margin:0px;padding:0px} as the first rule in my css. That takes away the default margin and padding of all elements and puts IE and Firefox on the same starting line.

    VA:F [1.9.22_1171]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)
  3. SherzMappingTuts

    So true…

    VA:F [1.9.22_1171]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)
  4. Saotik

    I wish my Web Dev lecturer was as clear as you are. Thanks for the tutorials.

    VA:F [1.9.22_1171]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)
  5. ItsBretter

    Tables?

    VA:F [1.9.22_1171]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)
  6. GroovyDruid

    I’ve got a challenge. Try getting it to look the same in FF and IE without using a CSS hack. It’s next to impossible.

    VA:F [1.9.22_1171]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)
  7. anthonykrese

    Great tuts. Thank you so much for sharing your knowledge.

    VA:F [1.9.22_1171]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)
  8. digaob

    Thanks Bro, you just save my life! You tutorial help this brazilian here!

    thanks again!!!

    VA:F [1.9.22_1171]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)
  9. wanna666b

    nice tut 🙂 5/5

    VA:F [1.9.22_1171]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)
  10. SwitchRich

    There must have been a point in time when you didn’t know it. You weren’t born with this information in your head!
    I found the tutorial very useful.

    VA:F [1.9.22_1171]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)
  11. MuzeTV

    everybody knows this!

    VA:F [1.9.22_1171]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)
  12. George351838

    NotePad++

    VA:F [1.9.22_1171]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)
  13. MASTERLEAF00

    wat text editor r u using ?? :/

    VA:F [1.9.22_1171]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)
  14. tirathmistry

    Awesome video tutorial
    Thanks so much Genus
    You are the Best tutor
    Please upload more tut videos.
    Specially Dreamweaver & css Div tag
    Your all video tutorials are valuable for us
    Thanks so much
    God Bless you

    VA:F [1.9.22_1171]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)
  15. snasebrase

    cool, thx.

    VA:F [1.9.22_1171]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)
  16. rrphillips

    firefox theme: nasa night launch

    VA:F [1.9.22_1171]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)
  17. snasebrase

    thanks.
    btw, which firefox theme is that? 😉

    VA:F [1.9.22_1171]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)
  18. CoNiLa2

    Very good video

    VA:F [1.9.22_1171]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)
  19. KINGV3NOM

    Very good video using CSS!

    Love the notepad++ also.

    Some ideas I wouldn’t of used. I usually make things complicated and confusing. 😛

    I think I’m going to watch some of your php vids, that stuff is rather difficult compared to (x)html and css which I have somewhat mastered.

    VA:F [1.9.22_1171]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)

Leave a Reply