Dealing with problems with cross-browser text sizing

Recently, I created a web page in a container of witdth fixed 960 px which looked fine on my computer.  Then I noticed on a couple other computers than the text inside the div inside ran out of room and could not be read. The reason was that these other computers had their text browser the value larger or largest size. I had designed the page based on a medium text size in firefox and ie8.

Here's my question: what is the best plan of attack to create a page with a lot of content and several containers that is not affected (or significantly affected) if people have different settings on their text sizes?

Here is a link to the site I'm working on: http://gigharborrealestate.com/homes-for-rent.html

Thanks for your thoughts.

The web's user-centric.  You can't control what browsers, preferences, devices, screens or text-sizes people use. If you need to create your layouts with all this in mind, keep the height of flexible layout and test all major browsers with different parameters.  In fact, it is not as hard as you may think.

The height property is a restriction in all browsers except IE.  Avoid the use of height on all divisions with text in. If you reveal a background image, using Min-Height for browsers that support and a notch or conditional comment for pre - IE7 browsers that are not.

{#divName}

min-height: 400px; / * for modern browsers * /.

_height: 400px; / * for pre - IE7 only * /.

}

Nancy O.
ALT-Web Design & Publishing
Web | Graphics | Print | Media specialists
http://ALT-Web.com/
http://Twitter.com/ALTWEB
http://ALT-Web.blogspot.com

Tags: Dreamweaver

Similar Questions

  • Problem CSS - Cross browser

    I created a CSS / XHTML Web site.

    I put the content background white with a border gray fine pixels. This background displays in Internet Explorer, but not in Firefox.

    Click here to see the page.

    The right way to solve this problem would be to change that-

    {#body_container}
    Width: 990px;
    margin: 0 auto;
    background-color: #FFFFFF;
    border-right: 1px solid #CCC;
    border-left: 1px solid #CCC;
    Clear: both;
    }

    on this subject.

    {#body_container}
    overflow: hidden;
    Width: 990px;
    margin: 0 auto;
    background-color: #FFFFFF;
    border-right: 1px solid #CCC;
    border-left: 1px solid #CCC;
    Clear: both;
    }

    You want to make sure that you correct misuse of apostrophes here!

    'Extended schools launches it's new... "

    --
    Murray - ICQ 71997575
    Adobe Community Expert
    (If you * MUST * write me, don't don't LAUGH when you do!)
    ==================
    http://www.projectseven.com/go - DW FAQs, tutorials & resources
    http://www.dwfaq.com - DW FAQs, tutorials & resources
    ==================

    "ForensicBop" wrote in message
    News:fsdslt$SL6$1@forums. Macromedia.com...
    > The 1st method has failed, but the 2nd made apart from the fact that all the
    > my content is, as expected, now on the left of the page. How can I again
    > centralize that?

  • Replace the string with the formatted text

    Hello all - I'm back to my beloved project...

    I want to replace a string by a TextSelction (formatted text) and began with the famous feature of Jang FindAndReplaceString.
    Since my replacement comes from another document (sourceDoc), I edited to targetDoc activeDoc and introduced a second document (sourceDoc).
    The replacePara actually comes from a stone where he had been placed to avoid switch backwards between the documents in a book (where to find and replace) and source documents. In another function, I learned that information on the table requires the sourceDoc must remain open.

    • Of course, everything works fine until I want to insert the replacelement:
      erase line 26 is the string
    • Given that I do not insert a string, I skip lines 28 and 29 and try try line 30
    • On line 30 DocumentSource is Document object and replacePare object TextSelection. However, sourceDoc.replacePara is not set and
    • (as a result?) line 31 past the current contents of the Clipboard.

    Of course, there is a fog around me... and I need some sunshine.

    function FindAndReplacePara (targetDoc, findString, sourceDoc, replacePara, loopMax) {
      var tr = new TextRange();
      var restoreTR, frame = 0, loopCounter = 0, replacementCounter = 0;
      var findParams = new PropVals();
      var firstPgf = targetDoc.MainFlowInDoc.FirstTextFrameInFlow.FirstPgf;
      
      tr.beg.obj = tr.end.obj = firstPgf;             //  set up the starting text range as the very beginning
      tr.beg.offset = tr.end.offset = 0;              // of the flow. We'll move straight from beginning to end.
      trSaved = tr                                    // to come back after work
    
      findParams = AllocatePropVals(2);
      
      findParams[0].propIdent.num = Constants.FS_FindText;
      findParams[0].propVal.valType = Constants.FT_String;
      findParams[0].propVal.sval = findString;
      
      findParams[1].propIdent.num = Constants.FS_FindCustomizationFlags;
      findParams[1].propVal.valType = Constants.FT_Integer;
      findParams[1].propVal.ival = Constants.FF_FIND_CONSIDER_CASE;
    
      FA_errno = Constants.FE_Success;                // errno global, to be used to track the progress of the find and replace
      tr = targetDoc.Find(tr.beg, findParams);        // and do an initial find to get started.
      
      while(FA_errno === Constants.FE_Success && loopCounter++ < 2*loopMax) { //find and replace loop as long as we keep finding
        targetDoc.TextSelection = tr;                 // set up the text range to clear the original text
        targetDoc.Clear(0);                           // clear it
        
    //    targetDoc.AddText(tr.beg, replacePara);       // insert the new text at the original beginning of the text range
    //    tr.beg.offset += replacePara.length;          //  lets jimmy the text range in memory to place it directly after
        targetDoc.TextSelection = sourceDoc.replacePara;        // paste the whole replacement paragraph
        targetDoc.Paste (0);                          // <-- Current contents of clipboard is pasted !!!!
        if(FA_errno === Constants.FE_Success) {       // increment our return counter
          replacementCounter++;
        }
        FA_errno = Constants.FE_Success;              // ...  find the next instance. We'll reset FA_errno again just in case
        tr = targetDoc.Find(tr.beg, findParams);      // something screwy happened while we were replacing text.
      }
      targetDoc.ScrollToText(trSaved);                // we're done. Restore the document to it's original area of display
      return replacementCounter;
    } // --- end FindAndReplacePara
    

    Hi Klaus,

    Thanks for the explanation. I remember something like that GetTabRange of the way back. You have been quite patient and persistent with this project, indeed.

    So, as we are dealing with ranges of text here, I think that the only simple approach is to perform a copy and paste. There is no way to save a 'formatted' in a variable. The only super precise way would be to get a data structure of each text range TextItems in the sourceDoc, then meticulously recreate every element of the targetDoc. It would be very complicated, I think, so copy and paste seems the most logical. I wonder, though, if Miss me something, because I think that maybe you would have tried already so yes (?)

    In any case, I would do something like that, from line 30 of your original code sample (code untested here):

    App. ActiveDoc = sourceDoc;

    sourceDoc.TextSelection = replacePara;

    sourceDoc.Copy (0);

    App. ActiveDoc = targetDoc;

    targetDoc.Paste (0);

    ... etc.

    Does make sense, or am I barking the wrong tree, as they say?

    Russ

  • Cross browser issues

    I currently have problems with cross browser compatibility. My HTML code works fine in safari, but not in firefox. Whenever I run my site at Fire Fox that the background appears biased. Help, please.

    The first thing you could do is to validate your markup by clicking on this link:

    http://validator.w3.org/>

    When you have corrected all the errors thrown by the validator, then you are likely to find that the page seems correct based on its markup, your skills and your imagination.  The rest is to sit tight and pray the Almighty Adobe.

    Professional Pirate here take a well-deserved break from the usual use of piracy.

  • Display problem with hyper link text on the Blackberry HTML browser

    Hello

    There is a help section on the application I'm working on that. Basically, load us an html with the Blackberry HTML browser page and provide links hyper text severeal to other subsections providing hyper links text themselves until that user pages of real-world information (just typical help things).

    The last link of these pages are always displayed vertically. I've done more laps that I know not to try to solve this problem (including links hyper text in a list in a tab, but it keeps going that way no matter what).

    If you have already encountered this problem, thanks for sharing!

    I put links hyper texts in tables and it solved the problem. I try this in the first place, because the html tables are only supported for jde 4.6 (http://docs.blackberry.com/en/developers/deliverables/11843/BlackBerry_Browser-Fundamentals_Guide--5...).

    But if you only use

    ,and
    parentheses, they come with limited support, it works fine.

  • Deal with problems adware and internet...

    Hello

    When I started my macbook yesterday, I discovered that my mac is (still) infected with adware. When I open google chrome I was met with 'You'll find' as my browser and adds everywhere. The problem with the browser is not so difficult to solve, to rummage in the settings. But the adds are much harder to remove.

    The problems are the following:

    -Add all "Top case".

    -some randome words in Web pages are highlighted and are also, adds if you hover over them you get add mackeeper and other unnecessary things

    -When I was looking on the web for a solution I discovered something strange, something that makes the difference for the rest of my case I guess. Some pages are blocked. Chrome tells me that 'the site cannot be reached"and" (example) has refused to connect. Images not loading not either. Another example, if I want to update via the app store says that "the server is not reachable.

    This problem of internet started since I discovered the virus add so I think they are related.

    I have tried several reboots, deleted all data in chrome and BitDefender to scan my mac everything on viruses. None of this worked, I've always had...

    I'm on OSX Yosemite 10.10.5 incidentally.

    Please help me, I hate this.

    Kind regards

    Stig W.

    < personal information under the direction of the host >

    BitDefender is useless, you can uninstall it.

    Top deal: Re: Malware "Top case"

  • Verizon said I can be faced with one problem with my browser and don't charge but ATT, gmail and other

    Tried loading Verizon homepage, but it says I can be faced with a problem with my browser. ATT, gmail between other fine load and Verizon was very well for some time now, what should I do? I'm not tech savvy so please keep it simple for me, thank you.

    Try to clear your browser's cache.

    Firefox button or tools > clear recent history... - details and of course Cache hit only is selected, and then select all and click the clear now button.

  • Dealing with problem FileConnection class

    Hello guys I am experiencing problem dealing with FileConnection class. My app uses the class "javax.microedition.io.file.FileConnection". And when to start the application, the problem occurs that

    "Error starting ApplicationName class 'javax.microedition.io.file.Fileconnection' not found."

    My device name: BlackBerry8703e

    OS version: 4.1.0 profile / Verizon Wireless BlackBerry

    Do you know this problem? How can I solve it?

    TNX'

    FileConnection is supported to 4.2.0.

  • IDCS5 JS: problem with the "captured" text lose formatting

    Hi all

    Excellent script from Peter Kahrel allows us to convert the notes in endnotes dynamic in IDCS5 after which, we use some of our own JS to enter this text, put it in an orange box and then delete the original text of notes. This works very well but have just realized that the formatting (italics) who was in the original notes text does not survive moved to the new text box. Italics is still protected by a character style.

    Our code;

    //searches for endnotes, puts them in a orange box and adds the "Endnotes" heading
    app.findGrepPreferences = null;
    app.changeGrepPreferences = null;
    app.findChangeGrepOptions.includeFootnotes = true;
    
    var myDoc = app.activeDocument
    var myPara = myDoc.paragraphStyles.item ("Endnotes");
    
    // Find the text & capture its contents to a variable
    app.findGrepPreferences.appliedParagraphStyle = "Endnotes"
    origText1 = app.activeDocument.findGrep (); 
    
    //check if any Endnotes are found, nothing happens if not
    if(origText1.length!=0)
    {
    newText1=origText1[0].contents;
    
    //adds new text frame on 1st page of doc
    var myTextFrame1 = myDoc.pages.item(0).textFrames.add();
    myTextFrame1.geometricBounds = ["6p", "6p", "36p", "36p"];
    
    // Apply the objectStyle to frame
    var myOStyle = myDoc.objectStyles.item("Endnote box");
    myTextFrame1.applyObjectStyle(myOStyle); 
    
    //add captured text to text box
    myTextFrame1.contents = ("Endnotes\r" + newText1);
    
    var myDelete = myDoc.paragraphStyles.add ({name: "Endnotes1", basedOn: myPara});
    
    // Loop to apply paragraph style to text
    var length = myTextFrame1.paragraphs.length
    
    for (var i =0; i<=length-1; i++ )
    {
    //apply para style to new frame contents
    var myStory = myTextFrame1.paragraphs[0].parentStory
    myStory.paragraphs[i].appliedParagraphStyle = "Endnotes1"
    }
    
    //removes original text
    app.findGrepPreferences.appliedParagraphStyle = "Endnotes"
    app.changeGrepPreferences.changeTo="";
    app.documents.item(0).changeGrep();
    
     // remove Endnotes1 paragraph style and replace with Endnotes style
    myDelete.remove (myPara)
    }
        
    else
    {
     }
    

    As you can see enter us the text to a variable using GREP and that place in a new box (preceded by a heading). Make us a copy of the para style 'notes', which allows you to style the copied text, remove any style with the original style (the original formulation) and then delete the new style replacing wiith the original style so that the copied text back to style 'notes' new para. I don't know there's a better way, but it works for what we want - at least I thought that this was the case.

    Any thoughts appreciated gratefully. I searched the forum but couldn't find anything relevant. What Miss me?

    Thank you

    Iain

    Why don't you just "move" the texts found for the box of endNote?

    I suggest the following approach (not tested, project code):

    function moveEndnotesInBox()
    //--------------------------------------
    // Searches for endnotes, puts them in a orange box and adds the "Endnotes" heading
    {
        // Preset findGrep
        // ---
        app.findGrepPreferences = null;
        app.findChangeGrepOptions.includeFootnotes = true;
        app.findGrepPreferences.appliedParagraphStyle = "Endnotes";
    
        // Find the text(s)
        // ---
        var doc = app.activeDocument,
            foundTexts = doc.findGrep(),
            i = foundTexts.length;
    
        // If no 'Endnotes' text is found, return
        // ---
        if( !i ){ alert("No endnote found"); return; }
    
        // Creates a new text frame on 1st page w/ specific
        // bounds, and preset contents
        // ---
        var tf = doc.pages[0].textFrames.add(
            {
            geometricBounds: ['6p', '6p', '36p', '36p'],
            contents: "Endnotes\r"
            });
    
        // Preset obj and parag. style
        // ---
        tf.appliedObjectStyle = doc.objectStyles.itemByName("Endnote box");
        tf.parentStory.paragraphs.everyItem().appliedParagraphStyle = "Endnotes";
    
        // Backup the last insertion point index
        // ---
        var    ips = tf.parentStory.insertionPoints,
            ipx = ips.length - 1;
    
        // Loop through foundTexts and move texts to tf
        // (IMPORTANT: from the last to the first item to preserve Text indices)
        // ---
        while( i-- )
            {
            foundTexts[i].move(LocationOptions.AFTER, ips[ipx]);
            }
    }
    
    moveEndnotesInBox();
    

    Of course you must still deal with the possible lack of returns of paragraph or 'ghost' reference markers. I do not exactly know the context, but it seems not complicated.

    Hope that helps.

    @+

    Marc

  • Problem with the Oracle text markup

    Hello

    I have a problem with the Oracle text markup.

    I am looking for keywords in a text which is composed by a question and answer.
    Here is the structure of my text:
    & lt; div class = 'question' & gt;
    & lt; a & gt; the title of my question & lt; /a & gt;
    & lt; div class = "reply & gt;
    content of response
    & lt; / div & gt;
    & lt; / div & gt;

    It is possible to search those keywords in the question or answer only. For this, I use the stored procedure:

    {call CTX_DOC. MARKUP)
    index_name = >?
    textkey = >?
    text_Query = >?
    restab = >?
    query_id = >?
    startTag = >?
    (EndTag = >?)}

    _with these parameters: _

    index_name = < my index >
    textkey = < id for the search text >
    text_Query = < a query containing the keywords >
    restab = < a table SQL to store the marked text >
    query_id = < id >
    startTag = ' < span class =-"highlight\" >. "
    EndTag = "</span >.

    The markup should be done only in the place you want (question, answer, or both).
    The markup is good when I search a keyword throughout the text, in the question or answer only.
    * If I search two key words in the question or answer, the markup is bad *.

    _Example: __
    I am looking for the words "* Internet *" in question only.
    Here's the query passed to the stored procedure:
    + * text_query * = 'service & internet' INPATH (//div[@class = 'question'] / has) +.

    In the question, these words are well marked.
    In response, only the first word is marked.

    * Why the first keyword is also marked in the response while the query specifies a search in question only? *

    The same problem appears when I search for the same keywords in the response only.
    In this case, in the answer, these words are marked as well.
    In the issue, only the first word is marked.

    Thanks for your help

    Edited by: user11088931 Apr 21. 2009 06:17

    Try text_query = (service & internet) INPATH (//div/a)

    Single quotes in a query do nothing. I think that your request has been treated as

    Service & (internet INPATH (//div/a))

  • 100 requests to continue POST deal with error in Firefox 24

    BUG Firefox 24!
    24 Firefox manages POST requests with the error: when 100 continue answers are preceded by 200 OK response, and then Firefox does not deal with other responses (including 200 OK response) after receipt of the response to continue first 100.
    Earlier versions more handle 100 continue properly.

    I'm sorry, I tested my script with Mozilla Firefox 25 - was the same problem. But then I spilled http connection - the newspaper said then 100 response continues and 100 OK data are mixed and gzip'ped. Then I disable deflate module for my Apache Server - and all become Okey! So, I just disable the compaction modules incorrect return data to solve the problem. Web server: apache2-mpm-itk on Debian Linux winded 7.

  • I'm suddenly needing help with my browser Firefox (6.0.2)

    Hello
    I'm suddenly needing help with my browser Firefox (6.0.2)

    (OS: I use Windows XP).

    When I open the browser, I don't see is a totally white screen of white, with all the toolbars at the top.

    I know that my physical connections are very good: I have tested the modem, turned the pc market etc and I can also receive/send emails.

    This problem started today, September 8, 2011 and has never happened before.

    Is it a coincidence that Firefox itself to day before I disconnected yesterday evening? Could this be something to do with this particular new update?

    I also noticed that just before I "opened" Firefox, I now get a small box indicating:

    [JAVASCRIPT APPLICATION]
    Handl exc in Ev: TypeError: this oRoot.enable is not a function

    This never appeared before - I hope that it offers a clue has what is wrong.

    The browser not be stuck in Mode safe, said by the way.

    Of course, I can't find solutions to the problem on the internet, I don't physically see all Web sites!
    (A friend sends this request in my name from their pc)

    Any light you can throw on this problem of confusion would be much appreciated. I'd rather not have to uninstall and reinstall Firefox if possible.

    If the only option is to uninstall Firefox and reinstall from your site, I'm also in trouble (I can not see the internet or download).
    In this case, would you be able to send the .exe file as an attachment to my e-mail address? In the affirmative, please let me know and I'll give you more details.

    Thanks in advance.

    One possible cause is security software (firewall) that blocks or limits Firefox or plugin-container process without informing you, possibly after the detection of changes (update) for the Firefox program.

    Delete all rules for Firefox in the list of permissions in the firewall and leave your firewall again ask permission to get full unlimited access to the internet for Firefox and the plugin-container and the update process.

    See:

    Start Firefox in Firefox to solve the issues in Safe Mode to check if one of the extensions of the origin of the problem (switch to the DEFAULT theme: Firefox (Tools) > Add-ons > appearance/themes).

  • ITunes has stolen my music from my computer. Because they do not want to deal with the public, what should I do to get back them.

    Every so often, iTunes sends a notice to update the iTunes on my computer. Last year after that they did, all sounds have disappeared from my list of reading hundreds of old songs. Now, when I click on any song or melody, nothing happens.

    Given that Apple does not want to deal with the public, I ask, what do I do now, please?

    See the empty/corrupted after upgrade/crash iTunes library. Ideally, the measures taken immediately after that the problem appeared would restore your library. In some cases your media may be still on the computer, but not when iTunes is looking to it. The songs that do not play show with an exclamation point in the view of songs? ITunes plays all audio signal at all?

    TT2

  • Firefox 4.0 is now compatible with the browser ZoneAlarm 1.5.260.0 and Windows Vista Home Premium, 64-bit Service Pack 2 system?

    Firefox 4.0 is now compatible with the browser ZoneAlarm 1.5.260.0 and Windows Vista Home Premium, 64-bit Service Pack 2 system? Earlier when checking for updates it had compatibility problems. These issues have been resolved for me operation secure with Firefox 4.0?

    According to the guru on the ZoneAlarm user forum, Firefox 4 and other new browsers won't be compatible with the new version of ZoneAlarm, releasing. See:

    "You must update the following plugin:

    • Adobe PDF plugin for Firefox and Netscape 8.2.6
    1. Check your plugin versions on one of the following links:

    2. Update of Adobe Reader (PDF plugin):
      • Within your existing Adobe (If you have already installed) drive:

        • Open the Adobe Reader program in your list of programs
        • Click Help > check for updates
        • Follow the instructions to update
        • If this method works for you, go to the section "download full installer ' below and go to"after the installation"below
      • Download the full installer (If you have NOT installed Adobe Reader):
      • After installation, launch Firefox and recheck your version.
  • Continuing to grow/expand my limits: dealing with overflow

    I have a strange situation with a sensor that I hope you guys can help me with...

    I have a 16-bit binary value out of a chip.  I can read this quite well, but from time to time the signal has a behavior of infinity (from values near near 65535 values 0 close in a reading and vice versa). This is due to the chip and not BT reading problems, and I don't see all the settings in order to adjust it on the side of the chip...

    I wonder if there are strategies to deal with this on how to interpret the data.  Ideally, I would just change the low values up, but I can't find how reliable to apply.  I thought that the signal dropped to 2 ^ 15, which would be a pretty big indicator; I have no feeling if it is "legitimate".

    Thanks for any thoughts!

    If it's the acceleration, how your arm 'rest' can the axes y and z and x, accelerations, showing constant? How your acceleration will never be positive and negative ever?

    It does not explain what your graphic example, but if as you have already said you see numbers ranging from 65535 to near zero, it could be that you are a reading I16 and somehow castant or misinterpretation it like a U16.

    Then, for a noisy signal around zero,

    Cast-1 to U16 I16 gives 65535

    I16 cast 0 to U16 gives 0

Maybe you are looking for