I have this div (mobile menu) that is centered in chrome via css grid and justify-self property but in safari it sits on the left side of the screen (behind the instagram icon):
Is there a webkit property I can use or do you have any other idea how to fix this?
I am using vue.js to render the html.
Using the align-self property should work.
W3Schools reference for the same
Related
Regarding this in desktop view, I have difficulties to bring the svg triangles on the top of the green stacks to their vertical flex-end on IE11, see screen capture. Chrome and others work properly.
I tried some ideas that I got from CanIUse, but I wasn't able to get it working. Bootstrap 3 is present. Thanks for any hint.
You can remove all style of .tg-nh-rating-table svg and add
.tg-nh-rating-table svg {
height: 50px;
}
It seem IE11 realize svg is 100%, the same height with wrap div pylon-end. So just add height for svg. This will work.
I have been checking my website across different browsers. I am aware of the ability/need to use browser specific CSS.
Is there a reason (other than the obvious) as to why the .sidebar appears in the middle of the profile page in Chrome but not in Firefox? I haven't set it to display on Chrome intentionally and I don't want it to display.
If so, is the best course of action to use webkit in my CSS?
The URL is:
Profile page
The reason the sidebar appears at the centre of the page is because you have the property position: fixed; on .sidebar. You can remove that and Bootstrap will use its own styling.
EDIT: It's recommended that you don't add margins or custom widths on elements using Bootstrap grid-system. You should add those in the child element instead.
I am struggling with the header of a website template displaying in Internet Explorer.
http://www.furnituremind.co.uk
The search field and button are not in the same place on IE8+ but are in every other browser. I have tried everything and researched issues with IE float CSS property but can not make any progress.
Do I need to specify a completely different CSS sheet for IE8 just to get it positioned properly?
My suggestion is, instead of floating the nav right, position the nav absolute. Set top and right properties to adjust where you want it to line up.
see jsfiddle
http://jsfiddle.net/kuT9K/1/
This is our website link
http://navttc.org/index.php/home
Here you can see our partners scrolling using marquee, i have set the images to align center and even try to do with css i.e style="margin: auto;" but still images are not align in Firefox and IE only center align in CHROME can you tell me what could be the reason behind this ?
Please try this CSS code:
.bjmod-content
{width:128px; margin:auto;}
Try styling the image to display: block in order for it to work with auto margins.
I used JQuery fullscreen plugin ( http://srobbin.com/jquery-plugins/jquery-backstretch/ ), And some CSS techniques for vertical aligning a <div> everything works in FF/Chrome but none of IE browsers shows it correctly. it's the website: http://negar.in
Solved using table instead of div for vertical alignment.