IE: <!-- m --><a class="postlink" href="http://img252.imageshack.us/img252/1694/ie2yc.jpg">http://img252.imageshack.us/img252/1694/ie2yc.jpg</a><!-- m -->
FF: <!-- m --><a class="postlink" href="http://img252.imageshack.us/img252/5195/ff7gj.jpg">http://img252.imageshack.us/img252/5195/ff7gj.jpg</a><!-- m -->
The site is <!-- m --><a class="postlink" href="http://notemanager.net/ari/">http://notemanager.net/ari/</a><!-- m -->
Its like theres an invisible box. The CSS is in the source. I just cant figure out what is making it happen. Help please.
-IlyaTry taking out the <div></div> first off. IE-Win places an approximately 1 line of text worth of height in empty elements. Other wise, encase the top yellow area of your page in a single DIV and use the Holly Hack to give it a false height of 1px. This will bump that element into hasLayout() mode and perhaps the top part of your page will behave normally.Which Div?You have two empty <div>s (nested) on line 81, two on line 100, two on line 111, and two on line 123. I took them out and tested your layout without the logos and it was improved by removing the empty <div>s. You might try it.
You hit that car!
Oh, you were blinded by the light.
You were blinded by the flashing light.
You were blinded by the flashing blue light.
You were blinded by the flashing blue light on the car you hit.
Got it.
(Bob Newhart)Sweet, thanks ill try it and report back.No, that just removes the rounded corners. I need to remove the invisible box.Anyone have any input? please.Try taking out the <div></div> first off.
An alternative is to do font-size: 1px;
That allows IE to render very thin horizontal elements...I still dont know which div he ment. What line?
Edit: I fixed it with the help of a fellow CSSer. I had to replace the position:relative with absolute, and combine my two logos then tinker around a bit and position it right. Here is the css I added:
#header {height: 30px; position:relative;} /* (1) */
#header #logo {position:absolute; left:5px; bottom:-43px;}
#nav {position:absolute; left:115px; bottom:-10px;}
FF: <!-- m --><a class="postlink" href="http://img252.imageshack.us/img252/5195/ff7gj.jpg">http://img252.imageshack.us/img252/5195/ff7gj.jpg</a><!-- m -->
The site is <!-- m --><a class="postlink" href="http://notemanager.net/ari/">http://notemanager.net/ari/</a><!-- m -->
Its like theres an invisible box. The CSS is in the source. I just cant figure out what is making it happen. Help please.
-IlyaTry taking out the <div></div> first off. IE-Win places an approximately 1 line of text worth of height in empty elements. Other wise, encase the top yellow area of your page in a single DIV and use the Holly Hack to give it a false height of 1px. This will bump that element into hasLayout() mode and perhaps the top part of your page will behave normally.Which Div?You have two empty <div>s (nested) on line 81, two on line 100, two on line 111, and two on line 123. I took them out and tested your layout without the logos and it was improved by removing the empty <div>s. You might try it.
You hit that car!
Oh, you were blinded by the light.
You were blinded by the flashing light.
You were blinded by the flashing blue light.
You were blinded by the flashing blue light on the car you hit.
Got it.
(Bob Newhart)Sweet, thanks ill try it and report back.No, that just removes the rounded corners. I need to remove the invisible box.Anyone have any input? please.Try taking out the <div></div> first off.
An alternative is to do font-size: 1px;
That allows IE to render very thin horizontal elements...I still dont know which div he ment. What line?
Edit: I fixed it with the help of a fellow CSSer. I had to replace the position:relative with absolute, and combine my two logos then tinker around a bit and position it right. Here is the css I added:
#header {height: 30px; position:relative;} /* (1) */
#header #logo {position:absolute; left:5px; bottom:-43px;}
#nav {position:absolute; left:115px; bottom:-10px;}