WordPress.org

Ready to get started?Download WordPress

Forums

Float problem in basically anything but Safari. (2 posts)

  1. tylerhauser
    Member
    Posted 6 years ago #

    Hello everyone!

    I've searched for this, but I can't seem to find any instance of someone else encountering this. I want to display a breadcrumb along the bottom of my menu bar aligned along the left and have my "Login/Register" links on the right (รก la vanityfair.com). Problem is, it doesn't want to display properly in any browser but Safari and Opera (that I know of). The breadcrumb looks fine but the "Login/Register" links seem to enjoy resting on the bottom of my <div>.

    Here's my site: TwoWordHeap.com

    Here's my code:

    <div class="breadcrumb">
    &nbsp;
    		<span id="ui">Welcome to TwoWordHeap.com! <?php wp_register('', ''); ?> | <?php wp_loginout(); ?></span>
    
    </div>

    Now, because I use a plugin for my breadcrumb, I've avoided including that code. I've just used &nbsp; as a placeholder.

    Here's my CSS:

    .breadcrumb {
    	border-bottom: 1px solid #3B3B2B;
    	font-size: 0.8em;
    	line-height:1.08em;
    	padding: 4px 6px 4px 6px;
    }
    
    .breadcrumb #ui {
    	float: right;
    }

    If anyone can help me correct this, it would be greatly appreciated. I'm still a noob when it comes to making a good website, so please be kind.

    Thanks!

    EDIT:
    Be warned, I'm in the middle of updating my theme, so please ignore the lack of a third column. That's going to be next, pending a meeting about it's eventual content.

  2. tylerhauser
    Member
    Posted 6 years ago #

    OK, well I resorted to simply using an extreme margin-left value while I try to figure this out. So looking at my page won't do any good right now. Here are some screenshots however...


    Firefox

    Safari
    IE

    Hopefully that still helps understand my situation.

    Buh bye.

Topic Closed

This topic has been closed to new replies.

About this Topic