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
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,854
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    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)
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #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 05: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
    •