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.
Related
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
I have been able to center elements with margins equal on both sides in mobile without using bootstrap.
My landing page, however, I have used boostrap columns and centered them. I run into problems with mobile portrait display. Landscape display looks fine, everything is centered.
What I have tried:
-setting width to word container and box to 280px and shrinking my navigation menu accordingly.That didn't work.
I am thinking it might be that I have a width for col-centered of 500px which might be what is wrong.
My site can be viewed # http://lewisdesigns.github.io
the link for your project "www.lewisdesigns.github.io" not working. ok
not an issue but i will like to tell you to remove margin-left and
margin-right and add
"margin:0px auto;"
to css selector of each element (e.g. class/id); besides you can also
try for
"float:none; text-align:center;"
in this case.
Im using fullpage.js plugin for my project.it works fine in all other browsers when it comes to ie it shows a horizontal scrollbar.
Looks like something inside your container class element in the 1st section is causing the problem.
It seems your element with the class home-banner-midle is the cause of it. Probably because of left:50% and width:100% being absoluted positioned.
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 am having a problem with IE. The url to my site is www.trecall.com. I want to put a margin on the left side of the animated menu, to make the menu centered on the page. This works fine in FF, but in IE, the margin does not show up.
Any idea why?
THANK YOU!!
You can try wrapping it in another div and using padding on that. IE is not very good with margins.
Playing with left margin is not the correct way to do horizontal centering, it'll only work on your own display resolution..
see this for horizontal centering in css (old but still correct)