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 9 of 9

Thread: CSS/Divs issue

  1. #1
    New Coder
    Join Date
    Nov 2010
    Posts
    19
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Unhappy CSS/Divs issue

    Please look at the link. for html and css.. and the image below for the problem description... Hope to get answer as usual.

    Thank you

    http://www.abhi3d.com/abhi/new/


  • #2
    New Coder
    Join Date
    Nov 2010
    Posts
    19
    Thanks
    2
    Thanked 0 Times in 0 Posts
    Wow!!! 58 views no reply?????????

  • #3
    New Coder
    Join Date
    Nov 2010
    Posts
    19
    Thanks
    2
    Thanked 0 Times in 0 Posts
    I have typed in the image by showing arrows... and it's not any browser specific...

  • #4
    Banned
    Join Date
    Jul 2010
    Posts
    66
    Thanks
    0
    Thanked 1 Time in 1 Post
    Hi,
    No problem Dont give height to it and if you place any content in it ,it will automatically expand if you ant it to be empty and stretched then try giving height

  • #5
    New Coder
    Join Date
    Nov 2010
    Posts
    19
    Thanks
    2
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by santhoshj400 View Post
    Hi,
    No problem Dont give height to it and if you place any content in it ,it will automatically expand if you ant it to be empty and stretched then try giving height
    No, Contents is not solution. What if the left side content goes more than the right side greenbox contents. Then It will again show the gap... So I want it to stick to the bottom whether it has contents or not.. if left side contents grows it should also expand with the contents.
    Last edited by abhi3d; 11-20-2010 at 01:06 PM.

  • #6
    New Coder
    Join Date
    Nov 2010
    Posts
    19
    Thanks
    2
    Thanked 0 Times in 0 Posts
    any genious out there?

  • #7
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,745
    Thanks
    22
    Thanked 1,838 Times in 1,822 Posts
    Hello abhi3d,
    Not sure about genius but you could try making these changes I've highlighted in red -
    Code:
    #MainContainer {
    	font-family: Arial, Helvetica, sans-serif;
    	font-style: normal;
    	width: 900px;
    	margin:50px auto;
    position: relative;
    }
    #BrushHandle {
    	/*position:relative;
    	left:-82px;
    	bottom:155px;
    	width:82px;
    	height:155px;
    	margin-bottom:-155px;
    	z-index:501;*/
    position: absolute;
    bottom: 0;
    left: -82px;
    }
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad

  • #8
    New Coder
    Join Date
    Nov 2010
    Posts
    19
    Thanks
    2
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by Excavator View Post
    Hello abhi3d,
    Not sure about genius but you could try making these changes I've highlighted in red -
    Code:
    #MainContainer {
    	font-family: Arial, Helvetica, sans-serif;
    	font-style: normal;
    	width: 900px;
    	margin:50px auto;
    position: relative;
    }
    #BrushHandle {
    	/*position:relative;
    	left:-82px;
    	bottom:155px;
    	width:82px;
    	height:155px;
    	margin-bottom:-155px;
    	z-index:501;*/
    position: absolute;
    bottom: 0;
    left: -82px;
    }
    Well yes! You are good.. Your Idea worked partially for me.. It's solved...Now one more problem I have.

    Please see this link http://www.abhi3d.com/abhi/new/.

    I want click through that grass... Can anyone help..?

  • #9
    New Coder
    Join Date
    Nov 2010
    Posts
    19
    Thanks
    2
    Thanked 0 Times in 0 Posts
    Ok I have figured it out. I have put a blank transparent giff and put hotspots on it.


  •  

    Posting Permissions

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