CSS not interpreted correctly

Safari does not interpret standard CSS correctly, but Firefox 1.5, Netscape 7.2 and Opera 9.01 do. Safari does not understand the CSS width and height declarations.
Is there a workaround?
How does my page look on a Windows computer with a popular browser?
Is there any hope that a later version of Safari will understand CSS?
See the
tag in <http://homepage.sunrise.ch/homepage/nicoletf/index.html> and the correcsponding CSS declaration in <http://homepage.sunrise.ch/homepage/nicoletf/Muotathal/stylesheets/index2.css>.
iMac G3, iBook G4, PowerBook G4   Mac OS X (10.4.7)  

A little correction to your post:
The width and height properties only fail on images, to all other attributes the CSS values for width and height will just work.
This bug or "missing feature" has been added in the latest open-source version of the rendering engine. (For download available via: http://nightly.webkit.org/ ). Also OmniWeb 5.5b will support this feature and it will most likely be standard supported in Leopard.

Similar Messages

  • br tag in bean value not interpreted correctly

    Hi all
    i want to display a long string which includes <br> tags. This string is saved in a bean. In my JSP page i try to diplay the string as follows:
    <bean:write name="logFileText"/>
    This works but the <br> tags are not rendered/interpreted correctly. The display String look like that:
    21/09/2004 10:01:44 [INFORMATION] [init/process] 0001 Starting ... (at line 124 in file ndl_main.cxx)<br>21/09/2004 10:01:44 [INFORMATION] [init/undefined] 0010 Start Initialization (at line 109 in file ndl_dataloader.cxx)<br>21/09/2004
    If i take a look at the page source the <br> is written there as lt;br gt . But i want to go to a new line instead of displaying the <br> tag.
    Could somebody help me with that?
    Thanks Angela

    seems it doesn't work like that:
    [ServletException in:/pages/log/listLogFile.jsp] /pages/log/listLogFile.jsp(13,4) Attribute escapeXml invalid for tag write according to TLD'

  • CSS not working correctly in Safari only!

    I built a website <http://globalpeace.jp> for a Japanese friend quite some time ago (2007) and it worked fine at the time but now (I am not sure from when as I had not looked at the site for a long time) the display of a series of floating boxes in the header is not displaying correctly, but ONLY in Safari.
    There is a 200px blank area that should be filled with a thin horizontal line right up until the box with the animated butterfly. Everything looks fine in Opera, Chrome and Firefox. I have tried my best to find what might be causing this but have had no luck...
    Any solutions would be greatly appreciated...

    Perhaps there is something I can do within DW that might easily solve this?
    There's no magic button to fix bad code.  Adobe abandoned GoLive back in 2008 because it wasn't capable of producing standards compliant code.  This is 2013.  It would make more sense to re-build the site from scratch to be both web standards compliant and responsive in mobiles, tablets and desktops. 
    Nancy O.

  • Table created in Dreamweaver with CSS not positioning correctly

    I've created a simple 9 page website using Dreamweaver and CSS. I am no pro but I can edit some in the code. I'm really enjoying the CSS but for some reason I cannot find out why my tables appear perfect in Firefox but not in Chrome or IE. The tables are centered properly but they appear way below where they're intended to be!
    I've tried to paste my code but can't, is there somewhere I can post it?
    -jrntmd8r88

    After struggling with this last night I took a look again this morning and narrowed down and corrected the problem. Basically, this is what happened to cause the issue and how I resolved it. Hopefully it helps others in the future.
    Steps
    Create project in Windows version of Cp (I was using version 8.01).
    For my client's requirements, which are quite unique and complex compared to the typical Cp project, custom quiz questions/scoring had to be developed. Since these are HTML5 (non-responsive) courses, and Javascript is the fastest/most efficient way to do this, I used Javascript extensively for quizzes via the 'Execute Javascript' action. So for quiz questions, each answer is simply a smartshape (transparent, with answer text in it) that triggers the 'Execute Javascript' on click. In addition, on many of the quiz slides there are Edge Animate/HTML5 interactions embedded.
    Worked fine on windows upon publish. But when I opened on a new Mac and published, when a question answer was clicked nothing would happen.
    Turns out the problem seems to be with the text in the Javascript window. I think it somehow gets corrupted, though it looks fine. I had to literally delete the javascript, save it, and then copy it back in. Once I did that, it works.
    I've invested too much time in this project so far, so don't want to risk any more major issues popping up like this, so I switched back to Windows and canceled my subscription this morning. Fortunately I have a license from my employer for Windows and will just use that with Boot Camp.

  • Css not rendering correctly

    I am getting a discrepancy on one class in firefox vs. IE.
    Any suggestions are welcome!
    I would like the "fetch" div to have the text box and arrow
    aligned evenly, then a padding on the bottom of 5 pixels. In both
    browsers it is showing the submit button higher than the text
    field; and the bottom padding is more in IE.
    Here's an example:
    example of css I
    can't figure out

    First of all, for many reasons, it is a good idea to add a
    <!Doctype>
    declaration on your HTML...
    Second, it is a good idea to utilize [CSS] "descendant
    selectors".
    That way you don't end up defining and using so many
    [unnecessary]
    classes, divs etc...
    Second, an "ID" can only occur once per HTML page, classes
    many times...
    Just on a first glance there are a whole bunch of id="Link"
    in your
    HTML. In this case it would make sense to use a class... or
    see if you
    actually need to define one, again by using descendant
    selectors...
    Because however you styled #link you seem to simply be able
    to
    consolidate it into:
    #RolloverLinks a {...}
    and get rid of all the <div id="link">
    To your question:
    Here is your HTML:
    <div class="fetch">
    <FORM id=lLogonForm name=lLogonForm action=UserLogin
    method=post>
    <input name="fetch" type="text" class="txtbox" id="fetch"
    value="FETCH" size="15">
    <input name="imageField" type="image" class="submitfetch"
    src="images/btn1.gif">
    </form>
    </div>
    I don't think that it is correct to apply a class AND an ID
    to the same
    element...
    I think once you get rid of the ID in the <input
    type="text"> and apply
    .fetch input {margin:0; padding-bottom:5px}
    it should work....
    Anurag
    PS: It appears that Fireworks created this HTML... it is
    quite
    something... and not pretty to look at ;)

  • Dynamic menu css not displaying correctly in https

    Hello,
    Need help! I'm trying to get my menu to display properly in https but no luck so far. (Chrome and IE) Please let me know if there is a solution. Thank you.
    good menu look http://winxed.businesscatalyst.com/
    bad menu look https://winxed.worldsecuresystems.com/events/eyelash-extension-extensive-class-houston

    Just drop a zoom:100% style on the link, and IE will get it
    right.
    Murray --- ICQ 71997575
    Adobe Community Expert
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    http://www.projectseven.com/go
    - DW FAQs, Tutorials & Resources
    http://www.dwfaq.com - DW FAQs,
    Tutorials & Resources
    ==================
    "TC2112" <[email protected]> wrote in
    message
    news:fh2nt4$4u8$[email protected]..
    > Hello,
    >
    > The problem is with IE, not Firefox.
    > The content of your menu link tags is a clear gif image
    that is the same
    > height as the background images applied to the link tag
    that change on
    > mouseover.
    > Even though it looks like you want it to in IE, IE is
    actually rendering
    > your
    > code incorrectly.
    > Firefox is rendering your code exactly as it should.
    >
    > Your background images are applied by CSS to the link,
    not the image
    > within.
    > In standards compliant browsers like Firefox, the height
    of link
    > attributes
    > such as background and border are determined by the font
    size or line
    > height
    > that applies to that link, even if there is no text in
    the link.
    > As a test, you can add font-size:38px (the height of
    your background
    > images)
    > to "table.menu" in your CSS and you'll see your entire
    link background
    > images
    > in FF.
    > IE incorrectly streches the link background to the
    height of the image
    > within
    > within the link.
    > IE does the same thing to borders if they are applied to
    just the "a" tag
    > and
    > not to "a img" in the CSS.
    >
    > A quick fix:
    >
    > table.menu { width:186px; margin-top:6px;
    > line-height: 38px; }
    >
    > A better fix and some great information:
    >
    >
    >
    >
    http://projectseven.com/tutorials/css/uberlinks/index.htm
    >
    > and:
    >
    >
    http://css.maxdesign.com.au/listamatic/
    >
    > Hope that helps,
    >
    > Take care,
    > Tim
    >

  • CSS not displaying correctly

    Hello,
    I have uploaded a few pages of this website:
    www.happybabes.com.au and www.happybabes.com.au/PocketNappies.php
    Some of the CSS looks OK eg: the header looks alright. The
    footer is alright, except that all of my links are missing their
    styling. All of the text (except for a few words in purple) do not
    have the CSS styling applied to them. Other CSS elements are also
    missing.
    Would anyone know what is wrong with my CSS? I have never
    encountered this problem before. The pages have been saved as PHP
    because I am going to do a Cartweaver Shopping Cart in PHP.
    My CSS is here: www.happybabes.com.au/thrColFixHdr.css
    Thanks.

    Change the embedded CSS at the head of the page in Code View as follows:
    from
    <!--[if IE]>
    <style type="text/css">
    /* place css fixes for all versions of IE in this conditional comment */
    .twoColLiqLtHdr #sidebar1 { padding-top: 30px; }
    .twoColLiqLtHdr #mainContent { zoom: 1; padding-top: 15px; }
    /* the above proprietary zoom property gives IE the hasLayout it needs to avoid several bugs */
    </style>
    <![endif]-->
    to
    <!--[if IE]>
    <style type="text/css">
    /* place css fixes for all versions of IE in this conditional comment */
    .twoColLiqLtHdr #sidebar1 { padding-top: 30px; }
    .twoColLiqLtHdr #mainContent { zoom: normal; padding-top: 15px; }
    /* the above proprietary zoom property gives IE the hasLayout it needs to avoid several bugs */
    </style>
    <![endif]-->

  • Default spry css not working correctly

    Hi. I made my first Spry tabbed panel, CS3 on a Mac. It
    worked perfectly in Safari, and on a PC with Explorer. However the
    panels were not "stacked" under each other in Firefox and Opera -
    displayed all tab content as one long column . I ran a css
    validation and it came back with two errors:
    Property -moz-user-select doesn't exist : none
    Property -khtml-user-select doesn't exist : none
    What does this mean? Does anyone know why the tabbed panels
    are not working in Mozilla browsers and how to fix?
    The only change I made to the supplied css was to change the
    color of the tab, Here is the code:
    .TabbedPanelsTab {
    position: relative;
    top: 1px;
    float: left;
    padding: 2px;
    margin: 0px 1px 0px 0px;
    font: bold 10px Arial, Helvetica, sans-serif;
    background-color: #DDD;
    list-style: none;
    border-left: solid 1px #CCC;
    border-bottom: solid 1px #999;
    border-top: solid 1px #999;
    border-right: solid 1px #999;
    -moz-user-select: none;
    -khtml-user-select: none;
    cursor: pointer;
    color: #000000;
    Here is the page:
    http://pureinspirationmag.com/issues/back2.shtml
    Here is the link to the complete code:
    http://pureinspirationmag.com/SpryAssets/SpryTabbedPanels.css
    Thanks for any help!

    Perhaps there is something I can do within DW that might easily solve this?
    There's no magic button to fix bad code.  Adobe abandoned GoLive back in 2008 because it wasn't capable of producing standards compliant code.  This is 2013.  It would make more sense to re-build the site from scratch to be both web standards compliant and responsive in mobiles, tablets and desktops. 
    Nancy O.

  • CSS not working correctly across browsers

    I have a page that im using CSS to assign a background image
    to a table
    row..
    In IE6 it works great..
    in all the other browsers we tested it is missing
    IE7
    Opera
    Firefox
    Safari
    Here is my CSS styling:
    background-image:url('images/Menu-Bar.png');
    background-repeat: no-repeat;
    background-attachment: fixed;
    width:950px;
    height:59px;
    ASP, SQL2005, DW8 VBScript, Visual Studio 2005, Visual Studio
    2008

    Here is the complete code for the simple page we are working
    with.. The
    background image that is assigned to the table (
    live-area.gif ) shows fine
    for all browsers... but the image for the <tr> tage
    only shows up for IE6
    and not for any other browser..
    <form id="form1" runat="server">
    <div style="text-align: center">
    <br />
    <img alt="" src="images/Logo.png" style="width: 400px;
    height: 108px;
    text-align: center;" />
    <table class="menu" width="100%"
    style="background-position: center;
    background-image: url('images/Live-Area.gif');
    background-repeat: no-repeat;
    background-attachment: fixed; background-color: #FF9933;
    width:973px;
    height:653px;"
    align="center">
    <tr height="15%" width="100%"
    style="background-image:url('images/Menu-Bar.png');
    background-repeat:
    no-repeat; background-attachment: fixed; width :950px;
    height:59px;">
    <td>
    <table width="90%" align="center">
    <tr>
    <td>
    <CMS:DhtmlMenu ID="DhtmlMenu1" runat="server"
    DefaultMenuID="8"
    Stylesheet="" BackColor="Transparent"
    MenuHoverOverColor="Transparent"
    SubMenuBackColor="White" SubMenuHoverOverColor="#FFB618"
    BackImageUrl="~/images/blank.gif" />
    </td>
    <td>
    <CMS:DhtmlMenu ID="DhtmlMenu2" runat="server"
    DefaultMenuID="10"
    Stylesheet="" BackColor="Transparent"
    MenuHoverOverColor="Transparent"
    SubMenuBackColor="White" SubMenuHoverOverColor="#FFB618"
    BackImageUrl="~/images/blank.gif" />
    </td>
    <td>
    <CMS:DhtmlMenu ID="DhtmlMenu3" runat="server"
    DefaultMenuID="12"
    Stylesheet="" BackColor="Transparent"
    MenuHoverOverColor="Transparent"
    SubMenuBackColor="White" SubMenuHoverOverColor="#FFB618"
    BackImageUrl="~/images/blank.gif" />
    </td>
    <td>
    <CMS:DhtmlMenu ID="DhtmlMenu4" runat="server"
    DefaultMenuID="14"
    Stylesheet="" BackColor="Transparent"
    MenuHoverOverColor="Transparent"
    SubMenuBackColor="White" SubMenuHoverOverColor="#FFB618"
    BackImageUrl="~/images/blank.gif" />
    </td>
    <td>
    <CMS:DhtmlMenu ID="DhtmlMenu5" runat="server"
    DefaultMenuID="16"
    Stylesheet="" BackColor="Transparent"
    MenuHoverOverColor="Transparent"
    SubMenuBackColor="White" SubMenuHoverOverColor="#FFB618"
    BackImageUrl="~/images/blank.gif" />
    </td>
    </tr>
    </table>
    </td>
    </tr>
    <tr height="85%" valign="top">
    <td colspan="5">
    <asp:ContentPlaceHolder id="ContentPlaceHolder1"
    runat="server">
    <CMS:ContentBlock ID="ContentBlock1" runat="server" />
    </asp:ContentPlaceHolder></td>
    </tr>
    </table>
    </div>
    <CMS:Login ID="Login1" runat="server" />
    </form>
    ASP, SQL2005, DW8 VBScript, Visual Studio 2005, Visual Studio
    2008
    "John Waller" <[email protected]>
    wrote in message
    news:[email protected]...
    > It's very hard to diagnose without seeing what you're
    seeing or at least
    > all the code (context is important - posting code
    snippets in isolation is
    > not overly helpful for accurate diagnosis).
    >
    > We have to take stabs in the dark and offer guesses like
    Nadia is trying
    > to do.
    >
    > --
    > Regards
    >
    > John Waller

  • Newline feed not interpreted correctly by Java

    In my project, rexx passes data to lotus notes thru mqseries. These data has newline feed characters. here java is used to read data from mqseries and create documents in lotus.
    now my problem is, this newly created document is showing some junk character instead of giving newlind-feed. so my doc is messed up.

    May I know what specific output stream you used?Have
    you try this to your output stream String
    newLine = (String)
    java.security.AccessController.doPrivileged(newsun.security.action.GetPropertyAction("line.separator"
    ));?-Ronillo.Why are you using sun internal classes? You shouldn't
    do that. You should just call
    System.getProperty("line.separator"), or am I missing
    something?
    (But it's even better to just use a BufferedWriter,
    it uses the correct newline by default)
    /KajSee my second reply, the buffered writer docs API. Im sorry. God bless you ^_^
    -Ronillo.

  • XQuery tokenize() regular expression not interpreting correctly?

    I've been trying to use XQuery tokenize() with a regular expression as an argument.
    Given the string
    S831409 $50 070886
    (Note: 3 spaces at the end.)
    And the expression
    \b(\w+)\b
    to find words on word boundaries
    and using java.util.regex functions Pattern() and Matcher(), this is returned:
    S831409
    50
    070886
    without leading or trailing spaces.
    Using the XQuery:
    depositAmt =
    {snip}
    return
    let $fndWord := xf:tokenize($locVal, "\b(\w+)\b")
    return $fndWord[2]
    I would expect to get
    depositAmt="50"
    Instead I get
    depositAmt=" $"
    Okay, changing the return to
    $fndWord[3]
    I get
    depositAmt=" "
    Changing the return to
    $fndWord
    gets
    depositAmt=" $ "
    Changing the regEx to
    \b\s+\b
    improves things somewhat, but not much.
    Am I missing something?

    The pattern that is supplied to tokenize() function is used to indicate the SEPARATOR. So the pattern given to the function must match the separator instead of the content that you want. So you must think in the opposite.
    For your case try to use [^\w]+ as the pattern. I think it should give you the same result.
    Good luck

  • CSS : Website not displaying correctly in IE 7 , ok in Firefox and IE8

    Hello all,
    I am a newbie designing my new site with CS4. This is my first post to forum, although I have read many helpful hints while proceeding.
    I will be grateful for resolving a quirky issue.
    My website http://www.chezshuchi.com is not displaying correctly in IE7. IT is displaying correctly in most other browsers. The HTML validation is fine. I think there is some issue with CSS, but I am not able to find it despite spending much time. Will appreciate input.
    Two images are attached. The first is the screenshot in IE 7 . The second in Firefox (IE 8 is same).

    Change the embedded CSS at the head of the page in Code View as follows:
    from
    <!--[if IE]>
    <style type="text/css">
    /* place css fixes for all versions of IE in this conditional comment */
    .twoColLiqLtHdr #sidebar1 { padding-top: 30px; }
    .twoColLiqLtHdr #mainContent { zoom: 1; padding-top: 15px; }
    /* the above proprietary zoom property gives IE the hasLayout it needs to avoid several bugs */
    </style>
    <![endif]-->
    to
    <!--[if IE]>
    <style type="text/css">
    /* place css fixes for all versions of IE in this conditional comment */
    .twoColLiqLtHdr #sidebar1 { padding-top: 30px; }
    .twoColLiqLtHdr #mainContent { zoom: normal; padding-top: 15px; }
    /* the above proprietary zoom property gives IE the hasLayout it needs to avoid several bugs */
    </style>
    <![endif]-->

  • Firefox OS is not displaying correctly. it appears that the CSS and JS are not rendering! Any help would be most appreciated!

    I would have preferred to show anyone a screenshot of the web pages, but there is not an attach file on this forum. Anyway, with only Firefox OS , not my other browsers, the web pages are not rendering correctly. For example on Facebook there is no header or footer. JS is active in the browser and as I said Chrome and Safari are NOT having any problems. I am surmising that the CSS and JS files are somehow not being displayed. I may be very wrong, but I would gratefully accept any help someone has to offer. Thank you and have a great day!
    Theresa

    Hi Lufte,
    I'm sorry to hear you are having issues with the rendering of some pages on your Firefox OS device.
    Please create a new question in the thread so that we can track your issue separately:
    * [https://support.mozilla.org/en-US/questions/new Ask a new question]
    Please also provide the device model and version that you're currently using, and whether this issue started recently. Please let us know if you also notice any issue with the time and date displayed in your device.
    Thanks,
    - Ralph

  • "Non rectangular objects will not appear correctly when exported using CSS."

    I am using Ind CC 2014 exporting a document to a reflowable epub.  The document contains an .ai image.  The image exports correctly in some parts of the.epub but not others, where it is distorted. There is a warning on export :"Non rectangular objects will not appear correctly when exported using CSS."  Any suggestions appreciated.

    Thanks!
    >
          "Non rectangular objects will not appear correctly when exported
          using CSS."
    created by pooja2087 <https://forums.adobe.com/people/pooja2087> in
    /InDesign EPUB/ - View the full discussion
    <https://forums.adobe.com/message/6886892#6886892>

  • Premiere CC's XML and EDL files not being interpreted correctly by Redcine-X - clip duration problem

    I'm having a recurring problem when sending a finished sequence to Redcine-X for final color correction.
    Redcine-X doesn't read the in and out points on seemingly random clips in a timeline, making the problem clips overlap onto the surrounding clips on the same timeline track. So halfway through the video, one of the clips will just keep playing all the way to the end, and all the other clips that should be playing stay invisible in the viewer. Has anyone else had this problem? Any ideas on how to fix it?
    The reason I'm posting here rather than on Redcine-X's support is because the problem seems to be coming from the way Premiere generates the XML. FCP's XMLs are interpreted correctly.
    I've tried removing all effects and speed changes before exporting XMLs from Premiere. I've restarted, trashed prefs and cleared cache in Premiere. I've tried on two different computers. I've also tried exporting EDLs and the same problem happens.
    My Premiere sequence is using proxy ProRes files, created from R3D files that RCX relinks upon import.
    System/Software info:
    Premiere CC is up to date
    Running the newest Redcine-X build 22.2.31684
    Macbook Pro Retina running OS 10.8.4 with NVIDIA GeForce GT650M 1024mb, CUDA is updated, 16 GB RAM
    Mac Pro running 10.8.5 with ATI Radeon HD 5870 1024 MB, 4 GB RAM
    As a side note: Premiere CC has been extremely disappointing so far. I'm having so many issues and crashes, so many advertised features seem to be buggy or not work at all, and Adobe makes it so hard find or get support. None of the threads on this community board have been helpful so instead of going through this arduous process I just fall back to using FCP7. I hope it gets better.
    Thanks for any help.

    Hey Sam... just wondering if you ever figured this problem out.  I have the exact same problem, albeit with FCPX XML's.  It's driving me bonkers and nobody seems to know.  Any insight would be truly appreciated.  Thanks.

Maybe you are looking for

  • Is 7.4.1 preventing me syncing properly??

    I just took delivery of my new (older) iPod 80GB video. Brand new from apple online, and so far I can't get it to sync with any more than 15.75GB of my 40+GB iTunes library. I've followed all the advice on the discussion boards here, and spent 90mins

  • Transaction code for creation of  transaction keys in obyc

    Dear Experts, Can u tell me what is the transaction code for creation of transaction keys in obyc asap. Thanks & Regards, Radhika.

  • Usages In Item Category Determination

    Dear Friends,          Usages is one of element to determine the Item category. Would any one tell me what is it? why it is required? what is effect in business transaction process. Regards arun

  • Cannot select report field for chart....

    Post Author: wstromer CA Forum: Charts and Graphs I have a formula that calculates a value from 2 interim total fields, a and b. This value is a percentage: 100 x a/(a+b), where a and b are calculated from interim totals within a time interval. When

  • Generate IDOC

    Hello experts, This is something I already did before but I simply can't remember how. I'm using IDOC CRMXIF_ORDER_SAVE_M to upload activities, tasks, etc, to CRM system. Some objects has Z fields in append structure. These fields do not exists in CR