School Assignment? Project Due Tomorrow? Chat LIVE With A Programming Expert!

Dream.In.Code > Web Development > HTML & CSS

Welcome to Dream.In.Code
	Become an Expert! Join 300,492 Programmers for FREE! Get instant access to thousands of experts, tutorials, code snippets, and more! There are 1,842 people online right now. Registration is fast and FREE... Join Now! Chat LIVE With a Expert

problem with DIV spacing

problem with DIV spacing

tommyflint	18 Jun, 2009 - 12:31 PM Post #1
D.I.C Addict Joined: 24 Jul, 2008 Posts: 584 Thanked: 28 times My Contributions	Hey guys, I've been trying to work out why there is a space at the top and bottom of my Mainontent DIV here is the URL http://www.iflintinternet.co.uk/Tim.html i have added the CSS to the page so you can see it. The left and right borders are around the MainContent DIV this shows you that it doesn't reach the containor DIV like i want it too cheers, tommyflint
	This Post Was Helpful!

Register for Free to Make These Ads Go Away!

crazyjugglerdrummer	RE: Problem With DIV Spacing 18 Jun, 2009 - 12:49 PM Post #2
YOUR AD HERE Joined: 7 Jan, 2009 Posts: 677 Thanked: 94 times Dream Kudos: 425 My Contributions	Your div has no vertical spacing, but the header at its top does, and that's what's pressing the whole thing down. Just use h1 { margin: 0px; }
	This Post Was Helpful!

djkitt	RE: Problem With DIV Spacing 18 Jun, 2009 - 12:49 PM Post #3
D.I.C Head Joined: 22 May, 2008 Posts: 170 Thanked: 23 times My Contributions	So, you have a 1 pixel solid black border around container. Because the body background color is also black it makes it appear as if mainContent has a 1 pixel space around it. /Edit/ Also, the h1, h3 and p elements have an automatically applied margin as tommyflint stated. Just add the following to get rid of it: CODE h1, h3{ margin-top:0; padding-top:.5em; } p { margin-bottom: 0; margin-top:0; padding-bottom:1em; } /End edit/ Hope this helps, Kitt This post has been edited by djkitt: 18 Jun, 2009 - 01:20 PM
	This Post Was Helpful!

tommyflint	RE: Problem With DIV Spacing 19 Jun, 2009 - 07:01 AM Post #4
D.I.C Addict Joined: 24 Jul, 2008 Posts: 584 Thanked: 28 times My Contributions	Cheers guys that fixed the problem tommyflint
	This Post Was Helpful!

Fast Reply

Reply to this topic

Start new topic

Display Mode: Standard · Switch to: Linear+ · Switch to: Outline

Track this topic · Email this topic · Print this topic · Subscribe to this forum

Time is now: 11/8/09 04:34AM

Invision Power Board v2.1.7 © 2009 IPS, Inc.

Licensed to: MediaGroup1

Advertising | Terms of Use | Privacy Policy | About Us | Site Map

Advertise on this site through Lake Quincy Media

Forum Index: Programming Help | C and C++ | VB6 | Java | VB.NET | C# | ASP.NET | PHP | ColdFusion | Perl and Python | Ruby | Databases | Other Languages | Game Programming | Mobile Development | Software Development | Computer Science | Industry News | Programming Tutorials | C++ Tutorials | Visual Basic Tutorials | Java Tutorials | VB.NET Tutorials | C# Tutorials | Linux Tutorials | PHP Tutorials | ColdFusion Tutorials | Windows Tutorials | HTML/JavaScript Tutorials | CSS Tutorials | Flash Tutorials | Web Promotion Tutorials | Graphic Design & Photoshop Tutorials | Software Development Tutorials | Database Tutorials | Other Language Tutorials | ASP.NET Tutorials | Game Programming Tutorials | WPF & Silverlight Tutorials |

Copyright 2001-2008 MediaGroup1 LLC, All Rights Reserved
A MediaGroup1 LLC Production - Version 6.0.2.1.36
Server: secure2

Search^Updated!w00t

Over 509,000 Pages! Advanced Forum Search

Live Help!

Be Social

Tutorials

Programming

Web Development

Reference Sheets

Code Snippets

DIC Chatroom

Join our IRC Chat

Bye Bye Ads

Monthly Drawing

Top Contributors

Top 10 Kudos This Month