Enlarging Text In FireFox Causes Page To Break & IE Breaks the Page HELP HELP

[Debon]

I am in the final stages of re-doing my sons website using CMSMS and am just about ready to publish it to the web, however there is this problem for which I am now seeking the help of anyone more experience with CMSMS than myself. Whenever the text size in increased in Firefox, it causes the page to get broken. Also in IE the page gets displayed broken even without enlarging the text. I am using the standard templates and stylesheets and templets that came with CMSMS. I believe it is something that I am overlooking but just cannot seem to figure out.

I am running Canary(0.13), Windows XP SP2, Apache 2.0.58, PHP 5.1.4, MySQL 5.0.22-community-nt.

[tsw]

url?

default templates should work with different font sizes

[Debon]

Hello TSW,

I am unable to provide as URL as I have not published the site as yet. I was really hoping to fix this issue prior to publishing.

[tsw]

its hard to say anything without seeing it. could you publish it into some temporary locatation?

[Debon]

Hello TSW I may get flamed for this but please see the two screen captured images provided. The first is before the text size was increased and the second is after the increase.



[gelöscht durch Administrator]

[Dr.CSS]

No flaming, you have to provide something to get some help.

Are you using font size with px, % or em, is the rest of the site using fixed sizes?

It looks like the text has a size setting that is being pushed by the margin or padding set around it.

Can you paste some CSS/HTML for us to look at?

[tsw]

Looking at those images it seems that menu is using fixed font size?

your inner container is using fixed pixel width but the outer container is using em's (as the outer container grows the inner container will not and as outer container has white bg it will do just that)

header container might also be fixed size (or it is inside the inner container) or it lacks background color or the image is just too small...

could help more if I could check the html and css (preferably on a live page, but it doesnt have to be production site)

[Debon]

Hello guys,

Many thanks for the help so far and please see the attached template, stylesheets and the generated source code for the default opening page. I am using the Banner module to display a randomly selected image on each page. All of these banner images are 745x240 and all the names of the templates &  stylesheets remain unchanged. CSSMenu Horiz 1 col is the default template. ALL other stylesheets remain unchanged.


[gelöscht durch Administrator]

[Debon]

Sorry to be doing this to you guys but am still hoping to get some help on this issue. CHEERS!!!

[Debon]

*********************SOLVED*************************

MANY MANY THANKS FOR THE INSPIRATION COLLEAGUES AND FRIENDS, I HAVE MANAGED TO FIND A SOLUTION TO THE PROBLEM WHICH I HAVE DESCRIBED EARLIER. ACTUALLY IT CAME ABOUT MORE BY TRIAL AND ERROR THAN BY ANY LOGICAL ASSESSMENT OF THE PROBLEM. WHAT I DID WAS COMMENT OUT TWO LINES IN THE LAYOUT STYLESHEET. PLEASE SEE BELOW:

Code: Select all

/* A CSS Framework by Mike Stenhouse of Content with Style, adapted to CMSMS by Daniel Westergren */

/* SITE SPECIFIC LAYOUT */
    body {
        margin: 0;
        padding: 0;
        text-align: center;
        width: 100%; 
    }
    div#pagewrapper {
        margin: 0 auto;
    /*    max-width: 80em; */
    /*    min-width: 60em;  */
        padding: 0;
        width: 745px;  

    }
    #container {
	position: relative; 
	margin: 0;
        width: 745px;
    }