Tycoon Talk
Become a Big fish!
The number 1 forum for online business!
Post topics, ask questions, share your knowledge.
Tycoon Talk is part of Freelancer.com - find skilled workers online at a fraction of the cost.

CSS Forum


You are currently viewing our CSS Forum as a guest. Please register to participate.
Login



Reply
Old 07-05-2008, 06:20 PM gap below ul in IE
pealo86's Avatar
Super Spam Talker

Posts: 876
Name: Matt Pealing
Location: England, north west
Trades: 0
I have a list contained by two div elements, aswell as a div after the list. In IE there appears to be a gap after the list which I cant get rid of!

If I change the margin, it does increase / decrease however there is always at least about 10px extra.


Code:
.navOption {
    border:#000 solid 1px;
    list-style-type:none;
    margin-bottom:10px;
    float:right;
    width:100%;}
    
.navOption li {
    display:inline;}

.navOption a {
    padding:4px;
    margin-left:2px;
    border:#000 solid 1px;
    float:right;}
    
.box, .boxHide {
    border:#CCC solid 1px;
    background-image:url(../image/bgStripeFaint.gif);
    margin-bottom:1.5em;
    clear:both;
    padding:1em}

#content, #contentWide {
    padding:1px 15px;
    width:320px;
    background:url(../image/bgCropTop.gif) no-repeat;}

#contentBg {
    width:350px;
    background:url(../image/bgCropBtm.gif) no-repeat 0 100%;}

#contentBgWide {
    width:720px;
    background:url(../image/bgCropWideBtm.gif) no-repeat 0 100%;}
    
#contentWide {
    width:690px;
    background:url(../image/bgCropWideTop.gif) no-repeat;}
Code:
          <div id="contentBgWide">
          <div id="contentWide">
            <h1>Process Completed</h1>
                <ul class="navOption">
                  <li><a href="#">link</a></li>
                  <li><a href="#">link</a></li>
                  <li><a href="#">link</a></li>
                  <li><a href="#">link</a></li>
                </ul>
            <div class="box">
                  content of div
            </div>
            <br class="clear" /></div>
      </div>
Any ideas on how to fix it are much appreciated!
__________________

Please login or register to view this content. Registration is FREE
pealo86 is offline
Reply With Quote
View Public Profile Visit pealo86's homepage!
 
 
Register now for full access!
Old 07-05-2008, 11:19 PM Re: gap below ul in IE
Novice Talker

Posts: 6
Name: Marion Sudvarg
Trades: 0
I believe that I am having a similar problem with a site I am working on. The page is at http://www.sudvarg.com/coachforcancer/overview. Most of the links on the navigation bar are just straight links, but hovering over the Home link triggers a dropdown menu, so that link is part of a list. It looks alright in Firefox and other browsers, but in IE 6, the Home link is positioned higher than the other links in the nav bar and there is a huge space below it. If I fix the problem, I'll let you know. If anybody else knows of a fix, it would be greatly appreciated.
__________________
My Website: sudvarg.com
Other Websites I've Designed: sudvarg.com/web
Therion is offline
Reply With Quote
View Public Profile Visit Therion's homepage!
 
Old 07-06-2008, 10:24 AM Re: gap below ul in IE
LadynRed's Avatar
Defies a Status

Posts: 10,017
Location: Tennessee
Trades: 0
Got a link to the page ?
__________________
Web Goddess & Web Standards Evangelist :) - Tables Be Gone !!

Please login or register to view this content. Registration is FREE


Please login or register to view this content. Registration is FREE

LadynRed is offline
Reply With Quote
View Public Profile
 
Old 07-06-2008, 02:58 PM Re: gap below ul in IE
pealo86's Avatar
Super Spam Talker

Posts: 876
Name: Matt Pealing
Location: England, north west
Trades: 0
Here is a link [ignore the error messages on the page]
http://69.16.196.116/~inspin/files/m...in/process.php

Thanks
__________________

Please login or register to view this content. Registration is FREE
pealo86 is offline
Reply With Quote
View Public Profile Visit pealo86's homepage!
 
Old 07-06-2008, 03:19 PM Re: gap below ul in IE
Novice Talker

Posts: 6
Name: Marion Sudvarg
Trades: 0
I think your problem lies in the fact that you are floating the navOption box but not the content box (class being "box") to the right. I suspect it will fix your problem if you also float your content box to the right.
__________________
My Website: sudvarg.com
Other Websites I've Designed: sudvarg.com/web
Therion is offline
Reply With Quote
View Public Profile Visit Therion's homepage!
 
Reply     « Reply to gap below ul in IE
 

Thread Tools Search this Thread
Search this Thread:

Advanced Search

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are Off
Pingbacks are Off
Refbacks are Off





   
RSS Feed  Feeds: RSS   JS   XML
RSS Feed  Feeds for this forum: RSS   JS   XML



Page generated in 0.79599 seconds with 12 queries