Results 1 to 6 of 6

Thread: Aligning problem

  1. #1
    Join Date
    Feb 2007
    Location
    Earth
    Posts
    133
    Thanks
    6
    Thanked 1 Time in 1 Post

    Default Aligning problem

    Here is the location of the problem: http://www.insanecombat.com/Wow/

    How can I fix it?

    Here is the CSS:

    Code:
    #container {
    	margin: 0 auto;
    	margin-top: 20px;
    	text-align: left;
    	width: 900px;
    }
    
    #content1 {
    	background: url(images/elf-bg.jpg) no-repeat 2px;
    	clear: both;
    	display: block;
    	height: 450px;
    	padding-left: 128px;
    	padding-top: 38px;
    	width: 770px;
            text-align: center; 
    }
    
    #footer {
    	background: url(images/footer-bg.jpg) no-repeat;
    	clear: both;
    	color: #F1D6AC;
    	display: block;
    	height: 99px;
    	padding-top: 20px;
    	text-align: center;
    	width: 900px;
            text-align: center; 
    }
    
    #header {
    	background: url(images/header-bg.jpg) no-repeat;
    	display: block;
    	height: 14px;
    	width: 897px;
            text-align: center; 
    }
    
    #left {
    	background: url(images/btm-left-bg.gif) no-repeat;
    	display: block;
    	float: left;
    	height: 494px;
    	width: 556px;
    }
    
    #pagebottom {
    	clear: both;
    	width: 900px;
            text-align: center; 
    }
    Any answer will be helpful, thx
    http://www.insanecombat.com << bored? check out ma game

  2. #2
    Join Date
    Oct 2008
    Location
    Sweden
    Posts
    2,023
    Thanks
    17
    Thanked 319 Times in 318 Posts
    Blog Entries
    3

    Question

    Hahah, what's the problem?
    Eddy Proca
    I love Dropbox. Get it through my girlfriend's referral link (I reached my limit) and both you and her get 500 MB extra! Thanks and you're welcome!

  3. #3
    Join Date
    Feb 2007
    Location
    Earth
    Posts
    133
    Thanks
    6
    Thanked 1 Time in 1 Post

    Default

    each of the divs are a little crooked, the sides do not go straight down =(
    http://www.insanecombat.com << bored? check out ma game

  4. #4
    Join Date
    May 2007
    Location
    Boston,ma
    Posts
    2,127
    Thanks
    173
    Thanked 207 Times in 205 Posts

    Default

    your background images are all different sizes.

  5. #5
    Join Date
    Feb 2007
    Location
    Earth
    Posts
    133
    Thanks
    6
    Thanked 1 Time in 1 Post

    Default

    what does that matter, i changed the width with the css?
    http://www.insanecombat.com << bored? check out ma game

  6. #6
    Join Date
    Nov 2008
    Posts
    17
    Thanks
    3
    Thanked 1 Time in 1 Post

    Default

    Take out all the alignment attributes for the divs inside the container. the container should make them all line up automatically.

    Like Blue said. Make sure your images are all the same width. CSS will NOT change the size of your images for you! Even if it did it would make them look very messy.

    I dont know about you but it would bug the crap out of me to have different widths. Just make it neat!! Good luck with your endeavors.

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •