Results 1 to 4 of 4

Thread: Problems When Browser is Shunkin

  1. #1
    Join Date
    Aug 2006
    Posts
    7
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Problems When Browser is Shunkin

    I am working on a new design for my site, and when you skrink the browser size down, the sidebar overlaps the content. Why would it do this?

    See for youself:

    http://cholt.net/wpdev restore down the browser, then change the size of it. the sidebar text overlaps the other content. i dont understand why it does this.


    thanks for your help

    btw: my CSS can be found here:

    http://geekspeak.myfxh.com/wpdev/wp-...blue/style.css

  2. #2
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    This rule (red):

    Code:
    .entry p, .entrytext p{
    	padding-top: 5px;
    	width: 575px;
    	line-height:125%;
    	font-family: Verdana, Lucida, Arial, Helvetica, sans-serif;
        font-size: 11px;
    	margin: 2px 0 15px 0
    	}
    Since a <p> element that is selected by the above rules (the pink 'alert') lies within the content division, it pushes its overflow to that width even though its actual width dimension is 60%. In a smaller window, this causes it's content to exceed 60% of the page.

    Get rid of that red property/value pair and see what happens.
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  3. #3
    Join Date
    Aug 2006
    Posts
    7
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    o wow, that did it, thank you so much...

  4. #4
    Join Date
    Dec 2004
    Location
    UK
    Posts
    2,358
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Your search input (which should have a submit button) overlaps the subtitle because the div element that contains it is absolutely-positioned (and probably unnecessary: you could style the form element, instead).

    Mike

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
  •