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 13 of 13
  1. #1
    Regular Coder
    Join Date
    Jun 2007
    Posts
    805
    Thanks
    123
    Thanked 23 Times in 23 Posts

    Height on element

    Hi!

    I have a problem. If you go here: http://www.xflightx.port10.com/test/main-layout.php and look at the upper menu devider, you will see that there's something wrong. I can't make it, the same with the bottom one, to be 10px height! It works in IE7, but not in IE6.

    Here's the code: (NOTE: With the "uppermenu" I have tried to use a pic and with the bottom I havn't - none of them works as they should.)

    Code:
    #uppermenu {	    background-image:url("menuspacer.gif");
    					background-repeat:repeat-x;
    					width:150px;
    					height:10px;
    					border-style:ridge;
    					border-width:1px;
    					}
    The bottom:

    Code:
    #lowermenu {	    background-color:#C8C8C8;
    					width:150px;
    					height:q0px;
    					border-style:ridge;
    					border-width:1px;
    					}

  • #2
    Regular Coder nolvorite's Avatar
    Join Date
    Dec 2006
    Posts
    176
    Thanks
    7
    Thanked 0 Times in 0 Posts
    what's this?
    Code:
    height:q0px;
    you should be validating your css, shouldn't you?

  • #3
    Regular Coder
    Join Date
    Jun 2007
    Posts
    805
    Thanks
    123
    Thanked 23 Times in 23 Posts
    Damn keyboard...
    Anyways, it still dosn't work without the "q" lol..

  • #4
    Regular Coder nolvorite's Avatar
    Join Date
    Dec 2006
    Posts
    176
    Thanks
    7
    Thanked 0 Times in 0 Posts
    Lol the backround is just one simple lightgray spacer. It actually works.

  • #5
    Regular Coder
    Join Date
    Jun 2007
    Posts
    805
    Thanks
    123
    Thanked 23 Times in 23 Posts
    What do you mean? I can't see that it works...
    What browser do you use?

    Here's how it looks in IE6:


  • #6
    Regular Coder nolvorite's Avatar
    Join Date
    Dec 2006
    Posts
    176
    Thanks
    7
    Thanked 0 Times in 0 Posts
    i'm using firefox sorry 'bout that...
    Last edited by nolvorite; 06-29-2007 at 04:08 PM.

  • #7
    Regular Coder
    Join Date
    Jun 2007
    Posts
    805
    Thanks
    123
    Thanked 23 Times in 23 Posts
    No problem lol....Uhm, if it isn't too much troubles, would u then post a screen of the FF view?

  • #8
    Regular Coder nolvorite's Avatar
    Join Date
    Dec 2006
    Posts
    176
    Thanks
    7
    Thanked 0 Times in 0 Posts
    Got it! Remove the background-repeat:repeat-x in the uppermenu;

  • #9
    Regular Coder
    Join Date
    Jun 2007
    Posts
    805
    Thanks
    123
    Thanked 23 Times in 23 Posts
    If I do that the upper element will just look exactly like the one at the bottom - and that's too wide..It was only supposed to be 10px heigh,

  • #10
    Regular Coder croatiankid's Avatar
    Join Date
    Jan 2006
    Posts
    665
    Thanks
    1
    Thanked 12 Times in 12 Posts
    I havent taken a detailed look (I cant from here), but one thing that comes to me off the top of my mind is that IE6 usually doesnt let an elements height be less than its font size, so try setting the font size of it to 10 px (or 1 px, whatever). Sorry I cant be of more help at the moment.

  • #11
    Regular Coder
    Join Date
    Jun 2007
    Posts
    805
    Thanks
    123
    Thanked 23 Times in 23 Posts
    Yes sir!! You are the man! It worked when I set font-size to 1 px!
    Thanks!

  • #12
    Regular Coder nolvorite's Avatar
    Join Date
    Dec 2006
    Posts
    176
    Thanks
    7
    Thanked 0 Times in 0 Posts
    You should be removing those font properties in your css since you're not putting any text in that div! bandwidth ain't free! That's not gonna affect what croatiankid said.

  • #13
    Regular Coder
    Join Date
    Jun 2007
    Posts
    805
    Thanks
    123
    Thanked 23 Times in 23 Posts
    Uhm...Yes it does. If I ain't putting the font size attributes there, the objects won't get the right size..


  •  

    Posting Permissions

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