SitePoint Sponsor

User Tag List

Results 1 to 15 of 15
  1. #1
    SitePoint Addict swaraj_here's Avatar
    Join Date
    Jan 2007
    Location
    India
    Posts
    224
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Question Overflow is not getting handled

    Hello All,

    Greetings for the day!

    Again I am stuck up with some issues which I can not resolved and got fade up now.

    The design is closed to become a crap if I don't resolve this. Please view the link given below:

    http://helixpath.in/testsite/DCORE/login.html

    This above page should be looked like

    http://helixpath.in/testsite/DCORE/LoginSample.jpg

    Please take care of the copyright issue, as it is under process for external client.

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

    You'll need to be specific on what area you want us to look at and what browser you are concerned with.

    It's best to keep it to one or 2 issues at a time.

    You mentioned overflow in your summary but you didn't qualify that anywhere so ask the question you want solved and we'll take a look

  3. #3
    SitePoint Addict swaraj_here's Avatar
    Join Date
    Jan 2007
    Location
    India
    Posts
    224
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Question

    Ok, Sorry, Shouldn't do that !!

    The first thing as of now the right side Image, I don't understand why that Image is getting out of the header div?

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

    If you are talking about the floated image floating out of the header then you just need to clear it.

    Add overflow:hidden to the header and then a hack for IE6 as follows.

    Code:
    #header{overflow:hidden}
    * html #header {height:1%;overflow:visible}

  5. #5
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,556
    Mentioned
    183 Post(s)
    Tagged
    6 Thread(s)
    Don't let othe rbrowwers see the height:1% hack because itcould cause problems.

    Code:
    #content {
        border: 1px solid #990000;
        margin: 50px 0 0;
        padding: 0px;
        /*height: 1%; */
    }
    * html #content {height:1%}

  6. #6
    SitePoint Addict swaraj_here's Avatar
    Join Date
    Jan 2007
    Location
    India
    Posts
    224
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Question

    Quote Originally Posted by Paul O'B View Post
    Don't let othe rbrowwers see the height:1% hack because itcould cause problems.

    Code:
    #content {
        border: 1px solid #990000;
        margin: 50px 0 0;
        padding: 0px;
        /*height: 1%; */
    }
    * html #content {height:1%}

    Thanks Paul.

  7. #7
    SitePoint Addict swaraj_here's Avatar
    Join Date
    Jan 2007
    Location
    India
    Posts
    224
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Question

    Please recheck the link given above in the first thread, and see that login page is not compatible with Fire Fox 2.0,

    Suggestion please.

  8. #8
    SitePoint Wizard bronze trophy Centauri's Avatar
    Join Date
    May 2007
    Location
    Newcastle, Australia
    Posts
    3,718
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Give the ul.approval a width of 88px and float its <li>s left.

  9. #9
    SitePoint Addict swaraj_here's Avatar
    Join Date
    Jan 2007
    Location
    India
    Posts
    224
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Question

    Dear All,

    Please check this link given below and suggest any solution why this gap after green Navigation is coming in green color in firefox but not in ie.

    http://testsite.xentaqsys.com/SM/DCORE/home.html

    Thanks

  10. #10
    SitePoint Wizard bronze trophy Centauri's Avatar
    Join Date
    May 2007
    Location
    Newcastle, Australia
    Posts
    3,718
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    The browser-applied default top margin on the <p> within the .date div is pulling the top of the divs .date, #leftInfo, and #content down due to the normal action of margin collapse (which IE gets wrong) - a 1px top padding on .date will stop that.

  11. #11
    SitePoint Addict swaraj_here's Avatar
    Join Date
    Jan 2007
    Location
    India
    Posts
    224
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Unhappy

    No Sorry sir, but this is not which is making this gap, something more is there!!

  12. #12
    SitePoint Wizard bronze trophy Centauri's Avatar
    Join Date
    May 2007
    Location
    Newcastle, Australia
    Posts
    3,718
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Pardon, but yes it is - did you even try it ?
    Code:
    #leftInfo .date
    {
     margin: 0 0 10px 10px;
     padding: 1px 0 0;
     color: #8e7966;
     font-size: 12px; 
     width: 99%;
    }

  13. #13
    SitePoint Addict swaraj_here's Avatar
    Join Date
    Jan 2007
    Location
    India
    Posts
    224
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Unhappy

    Sorry to say, that is not the bug, because after applying that it is not working and moreover, I have resolved that problem but some other is coming inside the li components, I am not getting why the padding is coming different in the firefox.

  14. #14
    SitePoint Wizard bronze trophy Centauri's Avatar
    Join Date
    May 2007
    Location
    Newcastle, Australia
    Posts
    3,718
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    That WAS the bug - the top margin on the <p> was causing the problem, which is why the problem disappeared when you removed the <p> (and therefore made the code slightly less semantic). If you wanted the text closer to the menu as well, you could have just removed the top margin from the <p>.

    As for the menu, set the font-size on the <ul> instead of the <li>, as there are two different line heights involved.

  15. #15
    SitePoint Addict swaraj_here's Avatar
    Join Date
    Jan 2007
    Location
    India
    Posts
    224
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Smile

    Quote Originally Posted by Centauri View Post
    As for the menu, set the font-size on the <ul> instead of the <li>, as there are two different line heights involved.
    It helps to make consistent for the line height, but for drop shadow effect had to control using ie hack.

    Anyways thanks a lot for going through my problem.


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
  •