Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Page 1 of 3 1 2 3 LastLast
Results 1 to 10 of 21
  1. #1
    Member Unknown98's Avatar
    Join Date
    May 2008
    Location
    Houston
    Posts
    46
    Member #
    16866
    Ok, I have 2 divs. They are displayed inline. I want the one on the left to go all the way to the left sid eof your screen, and the one on the right to be aligned in the center with the one below it. I've tried padding, margins, and float: left, but none seem to work. See it here. I want to div with the time to be on the far left and the div next to it to be aligned with the one below it.

    And for #2, If you have IE7 the navigation does not drop down on the main page, but it does on other pages. You can see how on this page it drops down, but on this page how it doesn't. What do I need to fix? I've tried googling about this problem, but I can't find anything. Both pages have the exact same code. Users with Firefox are fine, it's only with IE7 that it does this. Any help?

    Thanks, Unknown

  2.  

  3. #2
    Senior Member aeroweb99's Avatar
    Join Date
    Feb 2008
    Location
    Port Huron, Michigan
    Posts
    1,037
    Member #
    16468
    Liked
    1 times
    There is an incorrect property with your "float: left; in your login div. It should read
    style= "float: left"
    Try that and let me know. I didn't have time to test, but that's one problem anyway.

  4. #3
    Member Unknown98's Avatar
    Join Date
    May 2008
    Location
    Houston
    Posts
    46
    Member #
    16866
    Nope, just makes the login div dissappear.

  5. #4
    Senior Member aeroweb99's Avatar
    Join Date
    Feb 2008
    Location
    Port Huron, Michigan
    Posts
    1,037
    Member #
    16468
    Liked
    1 times
    Ok, let me load your code up and play around with it, I'm a little busy so sorry if it takes a while

  6. #5
    Senior Member aeroweb99's Avatar
    Join Date
    Feb 2008
    Location
    Port Huron, Michigan
    Posts
    1,037
    Member #
    16468
    Liked
    1 times
    OK there is definitely one problem, see here
    <div id="login"
    style="width: 20%;
    border-style: solid;
    border-color: #F0F0f0;
    border-width: 1px;
    background-color: #F8F8F8;
    display: inline;
    " align="left" float: left>
    </div>
    (quotation marks are messing you up
    because the quotation marks at the beginning of align are actually
    considered your closing quotation mark from your first style.
    Then you start another one.)


    So I used the correct quotation here
    <div id="login"
    style="width: 20%;
    border-style: solid;
    border-color: #F0F0f0;
    border-width: 1px;
    background-color: #0066ff;
    float: right;
    text-align: left;">
    </div>

    Notice the quotations at the beginning and end which you need to do when you put the css inside your body tag. You probably know that but I think that one slipped by you!
    Now I floated it right but you can do what you want with it now I think. The difference you are seeing in different browsers is that some will try to correct and some won't. You should be able to manipulate it how you want ...hopefully!
    Let me know how it goes.

    I'm not sure I understand how you want to lay it out or I would have tried to accomplish that, sorry.

  7. #6
    Member Unknown98's Avatar
    Join Date
    May 2008
    Location
    Houston
    Posts
    46
    Member #
    16866
    It still dissappears...

  8. #7
    Senior Member aeroweb99's Avatar
    Join Date
    Feb 2008
    Location
    Port Huron, Michigan
    Posts
    1,037
    Member #
    16468
    Liked
    1 times
    It's totally disappearing? Are you seeing that with ie? I'm on firefox. I was able to move it all over the place with different widths and floats too and pretty much got it to do what I wanted. Do you want the text below the navbar and the login div?

  9. #8
    Senior Member aeroweb99's Avatar
    Join Date
    Feb 2008
    Location
    Port Huron, Michigan
    Posts
    1,037
    Member #
    16468
    Liked
    1 times
    OK I see what you are talikg about with ie7. Let me analyze this.

  10. #9
    Member Unknown98's Avatar
    Join Date
    May 2008
    Location
    Houston
    Posts
    46
    Member #
    16866
    Yes, and the navbar also doesn;'t work propery in ie7. But only on the main index page, not others.

  11. #10
    Senior Member aeroweb99's Avatar
    Join Date
    Feb 2008
    Location
    Port Huron, Michigan
    Posts
    1,037
    Member #
    16468
    Liked
    1 times
    Yeah I see that. I gotta be honest with ya, I don't like how this is coded, it could have been done a lot simpler in my opinion. Did you write it? Please don't take offense if you did. This is beyond my knowledge with the ie7 hacks and all. Firefox handled some corrections I made but ie did not. I'm going to give msliem a private message and see if he will take a look at it.


Page 1 of 3 1 2 3 LastLast

Remove Ads

Posting Permissions

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

Search tags for this page

div all the way on the left

Click on a term to search for related topics.
All times are GMT -6. The time now is 03:38 AM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com