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 7 of 7
  1. #1
    New Coder
    Join Date
    Oct 2008
    Posts
    10
    Thanks
    5
    Thanked 0 Times in 0 Posts

    Margin and floating problem.

    Hello,

    I have a problem with floating and margin. Here is url to site with this problem:
    Click Here

    I want div #info to be floated to the left completly 0 margin and top margin 175px. But now div #info is floating to the left but to #menu width.

    In other words I want div #info to be just under div #menu. How to fix that?

    Thanks

    CSS CODE

    Code:
    /* CSS Document */
    
    * {
    	margin:0px;
    	padding:0px;
    }
    
    body {
    	background:#ffffff url(images/bg.jpg) repeat-x;
    	font-size:12px;
    	font-family:Georgia;
    }
    
    a {
    	text-decoration:none;
    }
    
    a:hover {
    	text-decoration:underline;
    }
    
    #wrap {
    	width:950px;
    	margin:0 auto;
    }
    
    #header {
    	width:950px;
    	height:300px;
    	background-image:url(images/header.jpg);
    	background-repeat:no-repeat;
    }
    
    #topmenu {
    	float:right;
    	font-family:Verdana;
    	font-size:10px;
    }
    
    #topmenu ul {
    	margin-top:15px;
    }
    
    #topmenu li {
    	display:inline;
    	font-family:Verdana;
    	font-size:10px;
    }
    
    #topmenu a {
    	color:white;
    	padding-left:5px;
    }
    
    #menu {
    	margin-top:110px;
    	float:left;
    }
    
    #menu ul {
    	list-style:none;
    }
    
    #menu li {
    	display:inline;
    }
    
    #menu a {
    	display:block;
    	float:left;
    	width:100px;
    	height:40px;
    	background-image:url(images/linkbg2.jpg);
    	background-repeat:no-repeat;
    	text-align:center;
    	padding-top:12px;
    	font-family:Verdana;
    	color:white;
    }
    
    #info {
    	margin-top:175px;
    	float:left;
    }

  • #2
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,858
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    Add clear:left; to #info
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • Users who have thanked abduraooft for this post:

    chlopzmazur (10-31-2008)

  • #3
    New Coder
    Join Date
    Oct 2008
    Posts
    10
    Thanks
    5
    Thanked 0 Times in 0 Posts
    Ok thanks a lot. That helped. But another problem. I set font-family Georgia.
    But info h1 is not Georgia. Why? How to fix that? (check the link).

  • #4
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,858
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    I'd recommend you to get firebug, which is very useful addon for Firefox, to inspect such issues.

    I see it as Goergia, which is inherited from body.
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #5
    New Coder
    Join Date
    Oct 2008
    Posts
    10
    Thanks
    5
    Thanked 0 Times in 0 Posts
    Ok working now but unfortunetly I have next problem... Check the link. I made two boxes: left and right. I want them to be equally margined from header. It works in Firefox. But not in Internet Explorer...

  • #6
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,858
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    Just remove the width from #rightbox
    btw, check http://www.bonrouge.com/2c-hf-fluid(r).php for a good two column layout.
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • Users who have thanked abduraooft for this post:

    chlopzmazur (10-31-2008)

  • #7
    New Coder
    Join Date
    Oct 2008
    Posts
    10
    Thanks
    5
    Thanked 0 Times in 0 Posts
    Thanks again mate! I love you ;P


  •  

    Posting Permissions

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