Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 5 of 5
  1. #1
    Junior Member
    Join Date
    Oct 2005
    Posts
    24
    Member #
    11727
    Here's what I have:

    Code:
    <html>
    <head>
    <title>Fire Team Zulu - Airsoft</title>
    <link rel="stylesheet" type="text/css" href="style.css" />
    </head>
    <body>
    <div id="main">
    <img src="banner.jpg" height="196" width="589">
    <div id="members">
    </div> <!-- END MEMBERS -->
    </div> <!-- END MAIN -->
    </body>
    </html>
    Code:
    body {
    	background-image: url('bg.jpg');
    }
    #main {
    	margin-left: auto;
    	margin-right: auto;
    	min-height: 491px;
    	width: 752px;
    }
    #members {
    	background-image: url('BGmem.jpg');
    	width: 163px;
    	height: 145px;
    }
    Any ideas? The "members" DIV always falls to the next line when its width and the images width add up to that of the main centered div, 752px.

    Any ideas?

  2.  

  3. #2
    Senior Member
    Join Date
    May 2003
    Location
    UK
    Posts
    2,354
    Member #
    1326
    I had a similar issue, posted it here and got told to have the div on the same line, and that fixed it for me..

    Such as
    HTML Code:
    <div class="class">lorem ipsum</div>
    Which kind of went against my style/indentation however I stuck with it.

  4. #3
    Junior Member
    Join Date
    Oct 2005
    Posts
    24
    Member #
    11727
    Sorry, that didn't fix it for me, but thanks for helping.

    Does anyone else have any ideas?

  5. #4
    Senior Member minute44's Avatar
    Join Date
    Mar 2006
    Location
    Nottingham, UK
    Posts
    264
    Member #
    12849
    Possibly a margins issue? I had something similar where my text was being dropped down a line.

    Is this happening in IE and FireFox? It only happened to me in FF.

    Make sure you set margins as different browsers interpret default margin differently. This includes margins on your <p> <li> and <h*> tags...

    Have a play around and see if that fixes it.
    No ma'am, we in IT don't have a sense of humor we're aware of.

  6. #5
    Senior Member karinne's Avatar
    Join Date
    Dec 2003
    Location
    Aylmer QC Canada
    Posts
    1,607
    Member #
    4335
    Liked
    8 times
    Div's a block elements not inline therefore if you want it to "float" beside the image, you'll need to add a float: right (or left) in your #members div.
    [a web design portfolio - Currently NOT AVAILABLE for work | web design | Re-coding | PSD-to-HTML]
    I'm also on: virb - facebook - twitter - flickr - del.icio.us


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 10:29 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com