8

& Lt; Div & gt; Central alignment does not work in IE browser

 2 years ago
source link: https://www.codesd.com/item/div-central-alignment-does-not-work-in-ie-browser.html
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.

& Lt; Div & gt; Central alignment does not work in IE browser

advertisements

It works in all browsers except one. I want this div to be in the center of a page

<div style="padding-left: 800px;">
    <a class="works-top" href="/page/1"></a>
    <a class="free-top" href="/page/2"></a>
    <a class="faq-top" href="/page/3"></a> </div>

Thats how I define it is in the css

a.free-top {
   display:block;
   cursor:pointer;
   background:url(../img/free.png) no-repeat left top;
   width:100px;
   height:20px;
   text-indent:-5000px;
   margin-left:0px;
   margin-top:0px;
   margin-bottom:4px;
   float:left;
}


Instead of padding-left:800px; on

<div style="padding-left: 800px;">

Use margin:0 auto; and width:1000px;

Remember that margin:0 auto; works only if width is specified.

Tags css

Related Articles

Span tag-align does not work

I'm trying to make a line for price and I want the text-align like the first one on the left, second one on the center and the third one will be on right. Normally the text-align works but I can't keep all three of them in them in the same line. Shou

Css3 page support does not work in any browser

Hello I have used CSS3 page media module http://www.w3.org/TR/css-gcpm-3/ to print html content to PDF directly from browser but I am not getting any browser to work it on. My working is below. <!DOCTYPE html> <html lang="en"> <he

Selenium click on Bootstrap datepicker does not work when the browser is in the background

Clicking on the input field <input id="dp1" class="span2" type="text" value="02-16-2012"> When the browser is in the back ground, does not display the datepicker popup. Using javasccript or jquery to click the

Vertical CSS alignment does not work with the float

How can I use the vertical-align as well as float in the div properties? The vertical-align works fine if I do not use the float. But if I use the float, then it does not work. It is important for me to use the float:right for the last div. I am tryi

CSS text-align does not work

I tried to use the text-align in CSS but it does not work. here is the CSS and I also had all the body set to center, does that have to do with something? Here is my CSS: #Swell { text-align: left; } Here is my HTML: <a id="Swell" href="

the font import does not work in any browser after downloading the files to the server

Here's the link to what I'm dealing with: http://henrygillis.com/henryslife/ If I live-preview my files from Brackets the proper fonts show up. But after uploading it to my server it does not work (if you check the link above). Is this a problem with

Form Method Does Not Work in Opera Browser

Why forms submited using get method is not working in opera browser? <form method="get" action=""> I am submiting to same page <form method="get" action=""> <table class="search_form_table"

JQuery does not work with Android browser

I have been using jquery for my web development for a while, and when i use android browser to view my work, i find out that all the jquery function like hide() show() doesn't seems to work. Can anyone validate this for me, I wonder why jquery is not

JS - file onload () does not work with Android browser

I have a application similar to the example http://jsfiddle.net/jonathansampson/K3A9r/ But if I use this concept for file upload on a iPad/android it does not work. The image is not loaded into the browser wether with onload() nor with onloadend() ht

vbscript Does Not Work in IE10 Browser Mode

Our client decided to upgrade to windows 7 and IE 10. Our application which is in 1.1 dot net framework is having issues as it contains vbscript which does not work as soon as user changes the browser mode to IE 10. It works fine if the browser mode

HTML5 draggable = 'false' does not work in Firefox browser

I'm simply trying to apply HTML5 draggable='false' attribute to some images but it's not working in Firefox browser. In Chrome working fine but on Firefox, after selecting that image able to drag and drop. Sample code can be seen here: <div id="dn

last-child does not work in IE8 browser

CSS : last-child is not working in IE8 browser any alternate solution for this tag. I tried with :last-of-type, but also it is not working. Can any one help me on this ? Thanks Jagadeesh.N:first-child is only supported in IE8 but sorry to say that :l

radius of the border does not work in Opera browser-11.1

i am writing an application using html,css and javascript. i have set border radius of button to have rounded corner but which is not working in opera browser. but same i have tested in chrome it works. please do give some suggestion or help on this.

ASP.NET Crystal Reports Does Not Work in Opera Browser?

ASP.NET Crystal Reports is working in IE, Firefox browsers well. But ASP.NET Crystal Reports is not working in opera browser. Please help.My first guess is that Crystal Reports uses browser detection. Have you tried masking/spoofing as a different br

About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK