Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    New Coder
    Join Date
    Apr 2008
    Posts
    11
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Float Problem with Div

    I will just start with my code.
    CSS:
    Code:
    .FullMessage {
    	width: 292px;
    }
    
    .NameTime {
    	padding: 4px;
    	float: left;
    }
    
    .Messages {
    	padding: 4px 4px 4px 0px;
    	float: left;
    }
    HTML:
    Code:
    <div id="ChatRoom">
    	<div class="FullMessage">
    		<div class="NameTime"><a href="#">alyis</a> (9:25 AM):</div><div class="Messages">Hi everyone this is my first message in the chat room.</div>
    	</div>
    	<div class="FullMessage">
    		<div class="NameTime"><a href="#">alyis</a> (9:26 AM):</div><div class="Messages">Hi everyone this is my first message in the chat room.</div>
    	</div>
    	<div class="FullMessage">
    		<div class="NameTime"><a href="#">BillyBoB6969</a> (9:27 AM):</div><div class="Messages">Stop double posting nooby nobody cares.</div>
    	</div>
    </div>
    The problem is that They aren't going side by side like they should this is in firefox I just don't get why it would do this....

    If you need to see it in action the url is http://syckgamingleague.com/
    Login with Username: Test Password: test123. Then click Chat at top.

  2. #2
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    15,060
    Thanks
    165
    Thanked 2,250 Times in 2,237 Posts
    I havn't checkd your site, but you may need to increase the width of .FullMessage as each element requires it's own space in the document(unless they are positioned to overlap)

  3. #3
    New Coder
    Join Date
    Apr 2008
    Posts
    11
    Thanks
    1
    Thanked 0 Times in 0 Posts
    I see what you are saying is there a way to make it to were if the message is too long that it would just go to the next line? because thats what is happening...

    Nevermind I have went with another solution.
    Last edited by Lovely_Coconuts; 07-19-2008 at 06:08 PM.


 

Posting Permissions

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