Not signed in (Sign In)

SkillShare - A place to discuss Web Standards and Web Design topics

Categories

Vanilla 1.1.9 is a product of Lussumo. More Information: Documentation, Community Support.

    • CommentAuthorreadymade
    • CommentTimeSep 10th 2009 edited
     permalink
    Hi, I'm running into a problem coding my layout - I've created a div id of "textcontentcontainer" and it lines up fine in the layout but as soon as I create a paragraph or press enter in dreamweaver, everything shifts down and I am left with these blank spaces. My remedy was to put -12 margin top on it, however it overcompensates when loading in IE 6/7 and starts to eat my services banner.

    Does anyone know why this is happening? Or if i could design my layout differently to avoid this?


    Any advice is TRULY appreciated!!!

    Thanks!
  1.  permalink
    Hi,
    you have to put "margin-top: 0;" on h1.
    every browser has default values for nearly everything. i'd recommend to insert a css "reset script" above your styling css script, e.g. http://rootserver-blog.de/html_css/css-browserprobleme-minimieren-mit-resetscript/

    christian
    [owntheworld.de]
    • CommentAuthorreadymade
    • CommentTimeSep 10th 2009
     permalink
    Thanks for the tip. It worked at the top between the services banner and the main content area, however there is still a break between the main content and the footer... I've added margin-top:0 to the tagline in the footer, no padding, no margins on the footer and there still is a break...

    Plus, if I put a margin-top:0 on the h1 tag, that means that if I use the same tag elsewhere, all instances will have this 0 margin which is not desirable.

    Is there a reason why this break occurs?
    • CommentAuthorreadymade
    • CommentTimeSep 10th 2009
     permalink
    I've figured it out. overflow:hidden
Add your comments
    Username Password
  • Format comments as (Help)