SitePoint Sponsor

User Tag List

Page 2 of 2 FirstFirst 12
Results 26 to 30 of 30
  1. #26
    SitePoint Zealot
    Join Date
    Feb 2005
    Location
    sittin here on the Group W bench
    Posts
    137
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    "Drop downs work best with widths"
    I'll use width:6em for now, then, and increase as needed. It looks good enought that way, I think.

    One other thing:
    How hard would it be to prevent the list from wrapping? (And, Does it make sense to keep it on one line, from a usability point of view? It does to me because it looks better all on one line, but I could be wrong.) I tried the following with no results:
    Code:
    ul#navmain {white-space:nowrap;}
    
    ul#navmain li {
    	position: relative;
    	float: left;
    	width: 6em;
    	text-align: center;
    	display:inline;
    	}
    The LIs can't be forced to display:inline, since they're being floated?

  2. #27
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,344
    Mentioned
    179 Post(s)
    Tagged
    6 Thread(s)
    I tried the following with no results:
    White-space:nowrap will stop text from wrapping inside each float but it won't stop a whole row of floats from wrapping. To stop the text inside the list from wrapping you would need to apply the property to the list and not the ul.

    To stop a whole ul (width floated children etc) from wrapping then you'd need to put it in a fixed width container.

  3. #28
    SitePoint Zealot
    Join Date
    Feb 2005
    Location
    sittin here on the Group W bench
    Posts
    137
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Question footer doesn't clear in ie restored-down window

    I found another problem that doesn't make sense:

    In IE6, when the window is not maximized and the height of the window is about 80% of the available height of the viewport (my resolution is 1024x768), the footer partially covers the gray box located in the sidebar. The footer isn't clearing it completely.

    http://studio.d9r.net/layouts/2col02/2col02-08.html
    Code:
    		<div id="promos">
    		<p>Blurb containing brief info about the company, along with a sales pitch.</p>
    		</div><!-- end promos -->
    	</div><!-- end sidebarwrap -->
    	</div><!-- end sidebar -->
    
    
    	<div id="clearfooter"></div><!-- ie needs this -->

  4. #29
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,344
    Mentioned
    179 Post(s)
    Tagged
    6 Thread(s)
    Hi,

    The problem is that the negative margin on the sidebar is equal to the elements width and this effectively means that the width is zero and causes IE to believe the element isn't there at all. If you look at my 3 col demos you will see that I always stipulate that there should be a 1px overlap to stop this from happening.

    In your example we can get around this by moving the negative margin from #sidebar and onto #main instead and still achieve the same thing.

    Code:
    #main {
        position:relative;/*ie needs this to show float */
        color:#000;
        float:right;
        width:100&#37;;
        display:inline;
        margin-left:-250px;
    }
    #sidebar {
        position:relative;
        width:250px;
        float:left;
        color:#fff;
        /*margin-right:-250px;*/
    }

  5. #30
    SitePoint Zealot
    Join Date
    Feb 2005
    Location
    sittin here on the Group W bench
    Posts
    137
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks, Paul.
    You are a gentleman and a scholar, as well as a css guru.

    Hope you have a Happy New Year!
    Last edited by D9r; Jan 1, 2008 at 16:31.


Bookmarks

Posting Permissions

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