Safari 5.1 css/html anomalies

This is really for the apple developers. Please fix the css render issues that other browsers are fine with. Are you guys using W3C standards?
Anyways I found this:
- problems with table cell top alignment with image align and text.
Notice the the first line of text is top align with the image?
the <img align="bottom"> with the <td valign="top">... The img align is ignored.
The css versions are also ignored.
I'll post more when I find more or if any of you guys notice anything else weird, please post.

I know Carolyn but the problem is related to Safari 5.1
The web apps are more or less web sites using the same technologies html css and javascript
and I would not like that future updates of IOS Safari will have the same problems.
ciao.

Similar Messages

How to get Safari to open an HTML document created in AIR on iOS

We have an iOS app that creates a 3-page HTML document on the user's device and then prints it. We were using Darkredz ANE to do this, but the ANE is broken in iOS 8 and the Darkredz website is abandoned.
As a workaround, we want to use Safari to launch the HTML document, then print from Safari. But Safari won't open a local document that belongs to another app, probably because of the security sandbox. We don't have a network connection, so we can't save the file remotely. Is there a way to get Safari to open a local document?
If not, does anyone know of a FileManager app that can open files that are located in the "documents" folder of other apps on the device? I've tried several of them, but so far, they only load files from iCloud, Box, etc.
Thanks for any tips.

Sorry I didnt think about it needing to print as 3 separate pages at specific points. If you can't get the HTML printing to work then you could keep could this thought in mind. If the height of the, I presume, HTMLLoader object is the right value, you can draw the white-space of the page into the BitmapData and then it might still print at the right location. If it doesn't work immediately and you felt like putting in a little more effort, you might be able to tweak the height of the HTMLLoader objects so that each one represents a single page. Granted this approach would likely only work for one paper size format, such as 8.5x11. Sorry I don't have any easier ideas that work with what you already have done so far

Does Safari have a css property to emulate IE's disabled vertical scrollbar

Hi,
Does Safari have a css property to force the always-on disabled Internet- Explorer-type scroll bar like Firefox has? The site design needs to plan for the scroll bar width anyway, and I don't want the screen jumping left and right when the scroll bar activates and deactivates. I also don't want to use the active scroll bar by setting lengths to height plus one.
Thanks!
Thanks!

This isn't about the css standard. I agree that IE is a huge impediment to progress on the Internet as a whole. Having scroll bars showing by default or not is a browser design choice.
Firefox and Safari have initially chosen to hide them by default, and have them visible only when content exceeds page length. I used to think that was the "right" way. I, and many others, now realize that IE has it right. The advantage is the page doesn't jump around depending on content. The designer must compensate for the possibility of a scroll bar in the design anyway. Firefox has recognized the validity and widespread support for this position and has since incorporated a proprietary css property to render the disabled scroll bar. They separate their properties by prefixing them with moz to circumvent conflicts with what may become a W3C standard property in the future. My question is whether or not Safari has any means available to web developers that enable them to display an inactive scroll bar yet.
Thanks!

Code Photo Edges in CSS & HTML?

Can someone give me an idea of how I can code the navigation bar shown in the image below? I'm specifically having trouble figuring out how to implement the tiny edges of the navigation bar into CSS & HTML code.

a very thin border on the yellow container will do the rectangle, but IMHO, you will need 2 small graphics to acheive the "folded" ends.
Or do it as a single graphic backbround banner.

Safari not loading .css files / hanging page load

A bit of an odd one this...
I'm having a few issues a couple of websites in that the page takes an age to load - and when (if) it does, the CSS file hasn't loaded, so the page is unstyled.
One page is http://www.liverpoolfc.tv - the main page and the advert page before it both have the same issue.
From the activity report, this is because the browser is not completing the download of the file http://www.liverpoolfc.tv/lfc.css - although this will download fine if I download the file not as a part of the site.
The (Safari) activity report shows that the page's .css file is stalling, in this case at 8.0KB out of 8.6KB - this is consistent each time I try to load the page.
The problem occurrs in both Safari (3.2.1) and Firefox (3.0.6) on Mac OS X 10.5.6. It also happens with the current version of WebKit and Camino. The computer is up to date on all other relevant patches, including the recent Security Update, Java Update 3 and Flash.
I'm experiencing this problem with another website, again with the .css file not loading.
Similarly, I have two computers (both the same versions of software) and the problem is consistent between them.
What I've tried so far...
- resetting Safari
- deleting the cookies manually
- using a proxy server
- starting Safari in Rosetta
- using a copy of Safari without any user preferences (via the System Admin login)
None of these have made a difference. However, given that this is a problem across Safari, Firefox etc., I suspect this must be an issue in a shared component.
Any thoughts?

1. From the Safari menu bar, select
          Safari ▹ Preferences... ▹ Extensions
Turn all extensions OFF and test. If the problem is resolved, turn extensions back ON and then disable them one or a few at a time until you find the culprit.
2. From the menu bar, select
           ▹ System Preferences… ▹ Flash Player ▹ Advanced
and click Delete All. Close the preference pane. Test.
3. From the Safari menu bar, select
          Safari ▹ Preferences... ▹ Privacy ▹ Remove All Website Data
and confirm. Test.

Centre not working in Dreamweaver Design View (CSS+HTML)- Preview OK- help!

Hi there
I am having a slight problem with DW which I have had before, and fixed, but I cant for the life of me remember how I fixed it. So any help is much appreciated.
I am producing a proof site for a client and cannot load it to be live just yet so sorry for any inconvience but I have taken some screen shots and will paste code/html.
The site is currently sitting like this in the design view of DW
[IMG]http://i1200.photobucket.com/albums/bb323/SKH_Design/Picture1-1.jpg[/IMG]
Which it usually doesnt.... its usually centred within the design view!!
this is how it sits in the preview
[IMG]http://i1200.photobucket.com/albums/bb323/SKH_Design/Picture2.png[/IMG]
My main page container is margin left auto and so is the margin right.
(please excuse my experiment with the drop shadow behind the main container)
please excuse me if anything is messy, im pretty new to this!!
Thanks, Sarah
Code -
<style type="text/css">
    
</style>
<script src="Scripts/swfobject_modified.js" type="text/javascript"></script>
<script type="text/javascript">

</script>
</head>
<body leftmargin="float">
<div class="shadow">
<div class="pagecontainer">
            
            <div class="topbarcontainer"><img src="images/pb-topbanner.jpg" width="800" height="126"></div>
                    <div class="navigationbar"> <img src="images/pb-linkbar1.jpg" width="353" height="34"><img src="images/pb-linkbar2home.jpg" width="87" height="34"><img src="images/pb-linkbar3products.jpg" width="198" height="34"><img src="images/pb-linkbar4offers.jpg" width="161"                                                                                                                                                                                                 height="34"></div>
                            
                            
                            <div class="flashcontainer">
                            <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="800" height="257" id="FlashID" title="paulburtonflash">
                                <param name="movie" value="flashfiles/paulburtonflash.swf" />
                                <param name="quality" value="high" />
                                <param name="wmode" value="opaque" />
                                <param name="swfversion" value="6.0.65.0" />
                               <param name="expressinstall" value="Scripts/expressInstall.swf" />
                                
                                
                                <object type="application/x-shockwave-flash" data="flashfiles/paulburtonflash.swf" width="800" height="257">
                              
                              <param name="quality" value="high" />
                              <param name="wmode" value="opaque" />
                              <param name="swfversion" value="6.0.65.0" />
                              <param name="expressinstall" value="Scripts/expressInstall.swf" />
                              
                              <div>
                                <h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
                                <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" /></a></p>
                            </div>
                              
                            </object>
                                
                              </object>
                            </div>
                            
                   
                   <div class="mainbackground">
                   
                    <div class="homepagetext">
                    Established in 1980, we are a drinks wholesale business, based in the Scottish Borders which prides itself on being able to provide alcoholic and soft drinks in whatever quantity you require at outstanding prices and on time.<br><br>
We deliver 7 days a week and offer a free, prompt delivery service, by our own staff in the Borders, East Lothian and Midlothian.<br><br>
<div class="textspacer1"></div>
<div class="textsixe16">We have regular promotions - click here to view our latest special offers</div>
                    </div>
                    
                    <div class="homepageimage">
                    <img src="images/pb-home-mainimage.jpg" width="328" height="219"></div>
                    </div>
      <div class="bottombar">
              <div class="bottombartext">
                Paul Burton Drinks Wholesale, Pinnaclehill Industrial Estate, Kelso, Scottish Borders, TD5 8DW
            </div>
      </div>
</div>
</div>
</body>
</html>
CSS -
@charset "UTF-8";
/* CSS Document */
.shadow{
width:840px;
margin-left:auto;
margin-right:auto;
background-image:url(../images/editableshadow.png);
background-repeat:repeat-y;
.pagecontainer{
    width:800px;
    height:auto;
    margin-right:auto;
    margin-left:auto;
.topbarcontainer{
    width:800px;
    height:126px;
.navigationbar{
    width:800px;
    height:34px;
    float:left;
.flashcontainer{
    width:800px;
    height:257px;
    float:left;
.mainbackground{
    width:800px;
    height:349px;
    float:left;
    background-image:url(../../CL%20-%20New%20Ideas/Images/pb-home-background.jpg);
    background-repeat:no-repeat;
.homepagetext{
    width:372px;
    height:275px;
    float:left;
    margin:50px 0px 0px 50px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:14px;
    color:#FFF;
.textsixe16{
    font-size:16px;
    font-weight:bold;
.textspacer1{
    height:15px;
    width:5px;
    color:#d6f3fc;
.homepageimage{
    width:328px;
    height:219px;
    float:left;
    padding:50px 0px 0px 20px;
.bottombar{
    width:800px;
    height:59px;
    float:left;
    background-image:url(../../CL%20-%20New%20Ideas/Images/pb-home-bottombar.jpg);
    background-repeat:no-repeat;
.bottombartext{
    width:600px;
    height:17px;
    float:left;
    font-size:12px;
    font-family:Arial, Helvetica, sans-serif;
    color:#000;
    padding:25px 0px 0px 50px;

"<body leftmargin="float">"
Can you say what that's doing? "float" is not a legal value for the leftmargin style, which requires an integer value. But its use is deprecated in favor of CSS anyhow.
Your pasted code is lacking a doctype or anything that would normally be above that stylesheet link. Is that just an oversight or is it really not there?

Safari not reading CSS scripts correctly?

I have in my .css file a command as thus:
menu {
font-family: "Monotype Corsiva";
This under all circumstances works, Monotype Corsiva is in OS X, and Windows OS's... but for some reason Safari won't view the font... why?
This has to be a Safari bug, for I can get some other cursive fonts working...if it isn't how do I get the fonts working in Safari?

It also doesn't answer my question.
I doubt you will find one here. You might go to
http://webkit.org/
and try the latest nightly build and see if it works better.

Safari not rendering CSS and javascript correctly

There seems to be a bug in Safari when dealing with CSS display property and javascript.
I've created a form that hides certain fields when the right circumstances are met, those fields become visible. However, when they become visible, through the use of javascript, they don't display in the flow of the document. For example:
[field 1]
[field 2]
[field 3]
Assume that [field 2] is hidden on initial page load. And when [field 1] is clicked, then [field 2] should appear and it should appear after [field 1]. Safari, however, displays [field 2] above [field 1] and strips it of any styles. I spent 2 hours trying to figure out what I was doing wrong, but it turns out I wasn't doing anything wrong. It's Safari that can't render this correctly because when I test it in Firefox it works fine. Just as I expected it to. I hope this gets fixed in the next update.
If anyone has any explanation or solutions or reasons for this peculiar anomaly please tell me.

If you have not done so already, make sure you also tell Apple by using the Bug Reporting item in the Safari menu.

Safari problem with visual HTML editor

Hey all,
I have an error when trying to make an auction on a big portal. Safari doesn't have built-in visual HTML editor.
http://img403.imageshack.us/i/domerror.tif/
Any suggestions?
Message was edited by: moksienciuk

HI,
I think you'd have better luck for answers by contacting the site support area.
You could try using the Firefox for Mac browser instead.
http://www.apple.com/downloads/macosx/internet_utilities/mozillafirefox.html
Always good to have a back up browser regardless and it might be more user friendly for that particular site.
Carolyn

Safari won't display html

First, sorry for my poor english, im asian.
i have a problem while im trying to submit my Auction on Yahoo
in the "Product describe" field, it should appear an "HTML" tab that could change the front size, color.. etc,
but it just disappear, and i couldnt type any html in that,
is that the problem with safari? anything i can do to fix that?? thanks so much

First, sorry for my poor english, im asian.
i have a problem while im trying to submit my Auction on Yahoo
in the "Product describe" field, it should appear an "HTML" tab that could change the front size, color.. etc,
but it just disappear, and i couldnt type any html in that,
is that the problem with safari? anything i can do to fix that?? thanks so much

CSS/HTML rendering bug

I created an HTML/CSS code for rendering some shapes. No Javascript. No images. Just plain HTML/CSS. The result displays a bug in an element, compared with Chrome. This is not the first time I'm getting this kind of errors in Firefox browsers. Other HTML/CSS elements created previously have rendering issues, but they seem fine in other browsers.
You can verify it here: http://codepen.io/doublecaffe/pen/QwmZJB
Image attached. I'm using Firebox v36, Firefox Developer Edition 37.0a2 and Chrome 40.0.2214.115 m.
Any clue about this or fix in a future update?
Thx!

Looks fine here in Firefox 36.
You can try to disable OMTC and leave hardware acceleration in Firefox enabled.
*<b>about:config</b> page: <b>layers.offmainthreadcomposition.enabled</b> = false
You can try to disable hardware acceleration in Firefox.
*Tools > Options > Advanced > General > Browsing: "Use hardware acceleration when available"
You need to close and restart Firefox after toggling this setting.
*https://support.mozilla.org/kb/Troubleshooting+extensions+and+themes
*https://support.mozilla.org/kb/upgrade-graphics-drivers-use-hardware-acceleration

Problems CSS/HTML

Could you please tell me what to do.
- I don't know how to remove the blue rectangles in the header.
- there should be a white box for the other secondary info
- I want a footer with the copyright in it
- I also want a bit more space around the text in the primary content's box.
Here's the URL:   http://lave0134.site44.com/dsn1568/Untitled-5.html
thank you

Footer: Change this:
<footer class="bottom">
<footer>
    <p>©Company name. All right eserved</p>
</footer>
</footer>
to this:
<div style="clear:both;"></div>
<footer class="bottom">
    <p>©Company name. All right eserved</p>
</footer>
This will bring the footer to the bottom by clearing its floats.
For header, I don't see the blue boxes. Do you mean an array of checkered looking gray lines?
For secondary info, when the footer code is changed, the 'gray' background behind secondary info will be gone and you'll see only white.
For more spacing for primary content, change this:
<div class="left">
<article>
<h2>Primary Content</h2>
to this:
<div class="left">
<article id="primarycontent">
<h2>Primary Content</h2>
And in your CSS file, add this:
#primarycontent{
padding: 10px;

Can't Edit Valid CSS/HTML page with DW

I have a page that contains valid HTML and CSS but it is VERY
hard to edit with DW-CS3. The formatting in design view looks
nothing like the page when displayed in a browser. I can always
edit the code directly via the code view but I have users that want
to update the site using the design view. Maybe I don't have DW set
up properly . Can someone take a look and let me know if this page
can be edited? Will it require CSS changes ? Thanks in advance for
any help.
Here's a link to the page: www.nysga.org/indexnew.html

Sure they do.
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
==================
"josie1one" <[email protected]> wrote in message
news:fqk3pk$b8s$[email protected]..
>> Here's some links to screenshots - in the top gif
you'll notice that the
>> LOGO doesn't even display.
> To the best of my knowledge a background image will not
display in design
> view. Mine certainly don't.
>
> --
> Jo
>
>
>
>
> "tobgolflink" <[email protected]> wrote
in message
> news:fqk386$akv$[email protected]..
>> Maybe I wasn't clear with my original message. The
problem is that the
>> design
>> view doesn't format properly. I'll add some links to
screenshots of what
>> DW
>> looks like when I try to edit the page. You can try
it yourself. Save the
>> page
>> and the CSS locally and see what it looks like in
DW.
>> Here's some links to screenshots - in the top gif
you'll notice that the
>> LOGO
>> doesn't even display.
>> In the bottom gif you'll see the the right side
navigation is on the
>> left.
>>
http://www.nysga.org/top.gif
>>
http://www.nysga.org/bottom.gif
>>
>
>

Safari can't open HTML files on a CD

After months of work, I prepared a CD with many HTML files for
disribution. Now I discover that SAFARI and FIREFOX cannot recognize or open the disk. Heartbroken - and broke.

Hi Howard ...
Insert the Cd an open it, drag the files to a NEW folder on your desktop.
Now open the files by a simple double click ...
Dimaxum

Safari - IE - Firefox - CSS Displays different in each

Im hoping to get some help/direction for this site I am
working on right now. I am fairly new to CSS and it shows I am
sure. I have created 4 or 5 sites now using it and I am gradually
getting better but still having trouble getting my CSS to display
correctly in all browsers.
Here's the deal, the site looks wonderful in firefox on both
mac and pc platforms. IE and Safari on both platforms does some
weird things to the design. I am aware that there are 10 ways to do
things in CSS and had a feeling I was not using the correct method.
Here is the
Link
Issues of concern:
- Main navigation links word spacing is not consistent in all
browsers.
- The spacing between each cell seems larger in IE and
Safari.
- The damn scroll bar moves position in safari.
Thanks in advance to anyone that has any advice, it is much
appreciated.
Trevor

You have set a width=100% for the TABLE #content-container, but you didn't specify a width for the enveloping parent TABLE.
If you also set a width=100% of that TABLE then it works for me in Firefox 5.

Safari 5.1 css/html anomalies

Similar Messages

Maybe you are looking for