Problems When Browser is Shunkin

[coryholt]

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-content/themes/white%20n%20blue/style.css

[jscheuer1]

This rule (red):


.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.

[coryholt]

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

[mwinter]

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