hi i'm developer, i want to ask for bug only in saffari browser, why when i'm working on css position absolute of child tag does'nt work if also his parent has position absolution. this is a big bug and need to fix in this browser.
saffari browser
simple example
html code
<div>
<p></p>
</div>
css code
div { position: absolute; }
p { position: absolute; }
p element will not be showen in display or will not be showen correctly, only on saffari this is happening,
should safari fix this problem or can someone tell me any solution
simple example
html code
<div>
<p></p>
</div>
css code
div { position: absolute; }
p { position: absolute; }
p element will not be showen in display or will not be showen correctly, only on saffari this is happening,
should safari fix this problem or can someone tell me any solution
What do you see with this?
<html>
<head>
<style>
div { position: absolute; }
p { position: absolute; }
</style>
</head>
<body>
<div>
TEST
<p>test</p>
</div>
</body>
</html>
this is just one simple example here, to tell that is not working properly, because i can't writte my fully problem what i'm coding, but i will give you an example here.
open this link http://premiumlayers.com/demos/onepager/ and go to portfolio posts, see in chrome or any other browser and also in safari , hover effect problem you will see in saffari
Hi,
I visited your example web page with safari 7.0.3, latest webkit Nightly build, Chrome, and Firefox I see the page and behaviors as the same in all four browsers.
The page loads, I see the 3 'banner' panels, and I see the 'Learn More' box, which switches between rectangle and rhombus on hovering over it.
The 'Learn More' box is viewable for two of the sliding panels and not so in the third. The arrows indicating the direction also displays display an effect while hovering over them.
I do not see the 'portfolio posts'. Is that under the 'Learn More' effect ?
Maybe you can try with a Nightly WebKit build?
webdevelop88 wrote:
hover effect problem you will see in saffari
I'm sure the bug is in one of those almost 8000 lines of CSS. I suggest reducting that to only what you really need to display a page like that. I am guessing that you should probably delete about 7700 lines of CSS.
it's so strange for me why only in saffari should be this mistake in 7700 other css lines, why in others is working
webdevelop88 wrote:
it's so strange for me why only in saffari should be this mistake in 7700 other css lines, why in others is working
Welcome to web development. This is a natural and completely predictable outcome from having too much complexity.
Also, my count of 8000 lines of CSS was wrong. I only counted those files that reported CSS errors due to your IE hacks. What you are attempting is drop-dead simple. It simply does not need 11644 lines of CCS, 13000 lines of Javascript, and all of Google Maps.
Yes, it's the use of IDEs/tools which make it easier to generate such pages, but when it comes to debugging then there is all this generated complexity to deal with.
So there really is no such thing as a free lunch! 😉
Please try in the latest WebKit nightly build. Then you can file a bug there to see if you get a response.
css bug only on safari browser
