Help with Browser Compatibility!!

Good day,
MY SPOUSE AND I designed and made a theme with regard to my WordPress website/blog applying Dreamweaver. Since I uploaded the positioning to the dwell server yesterday, I’ve noticed several browser compatibility issues created and have no clue how to correct them. I’ve changed a number of the CSS code around hoping to solve the problem that way, but nothing seems to be effective. The best site until now is Firefox; I’ve truly noticed little in order to no glitches. Internet explorer, however, is a different story. It appears that whenever WE zoom the page above 100%, my right sidebar moves to the left forcing the primary content div to go down.
Another problem We have noticed on a few other browsers is that a number of the text in this content div moves slightly on the left underneath my own left sidebar, suitable where that sidebar div label ends.
I have no idea why this is actually happening and would love some input on easy methods to fix this. Let me know if you’re more dedicated posting the CSS right here would help, though it’s from the site’s source signal. Any assistance will be HUGELY appreciated!!
The positioning is http: //www. matthewtrust. com (oh, as well as please ignore this dummy posts.. MY SPOUSE AND I only put these there for diagnostic tests purposes! )
Thank you!!

from what I am seeing the over results are because you do have a fixed width div for your content container.

ONE. I would set the content container for a % instead on the fixed size… this can allow the content material container to " change width" to the particular visitors displays and " zoom" issue. and keep by moving down this screen if display screen width is way too small for together sidebars…

ONLY TWO. I would drift the content container into the left and state your content div padding to a fixed number as well as give the the particular " auto" height attribute ( several browsers behave better should you define the fundamentals ).. auto will permit the container to nurture and shrink based on viewers browser surroundings… the defined padding will keep it from rolling back under your " 2000px" height from the left sidebar… if the content extends past the end of it.

This entry was posted in Web Design and tagged , , , , , , , , , , , , , . Bookmark the permalink.

Related Posts

Leave a Reply

Your email address will not be published. Required fields are marked *