hi
im pretty new to web development. I'm having a shot at building a personal website without tables using XHTML1.1 and CSS.
When previewed in IE my site looks fine, but when I view my site with firefox or opera I get spaces between my header, main body and footer.
Please help me fix this problem.
(please view the source code from your browser. Right click -> view source)
Below are the links to my homepage and css file for my homepage
my homepage (<!-- m --><a class="postlink" href="http://www.waynedougan.me.uk">http://www.waynedougan.me.uk</a><!-- m -->)
home page css file (<!-- m --><a class="postlink" href="http://www.waynedougan.me.uk/css/home.css">http://www.waynedougan.me.uk/css/home.css</a><!-- m -->)
Thanks,
Waynesorry, didn't realise i could attach files.
index.html
home.cssAdd that section after the body declaration in your CSS file to remove all unwanted margins and paddings ... then define them where you want them.
You might also want to Download the web developer toolbar for firefox where you can change the CSS on the fly and watch it's effects.
<!-- m --><a class="postlink" href="http://chrispederick.com/work/webdeveloper/">http://chrispederick.com/work/webdeveloper/</a><!-- m -->
body * {
margin: 0px;
padding: 0px;
}
Greetings ... Andreas.perfect! works a treat. Thank you
im pretty new to web development. I'm having a shot at building a personal website without tables using XHTML1.1 and CSS.
When previewed in IE my site looks fine, but when I view my site with firefox or opera I get spaces between my header, main body and footer.
Please help me fix this problem.
(please view the source code from your browser. Right click -> view source)
Below are the links to my homepage and css file for my homepage
my homepage (<!-- m --><a class="postlink" href="http://www.waynedougan.me.uk">http://www.waynedougan.me.uk</a><!-- m -->)
home page css file (<!-- m --><a class="postlink" href="http://www.waynedougan.me.uk/css/home.css">http://www.waynedougan.me.uk/css/home.css</a><!-- m -->)
Thanks,
Waynesorry, didn't realise i could attach files.
index.html
home.cssAdd that section after the body declaration in your CSS file to remove all unwanted margins and paddings ... then define them where you want them.
You might also want to Download the web developer toolbar for firefox where you can change the CSS on the fly and watch it's effects.
<!-- m --><a class="postlink" href="http://chrispederick.com/work/webdeveloper/">http://chrispederick.com/work/webdeveloper/</a><!-- m -->
body * {
margin: 0px;
padding: 0px;
}
Greetings ... Andreas.perfect! works a treat. Thank you