Centering float in IE7

helllo,

i was looking for a solution in various forums but couldnt find it..

I have expandable buttons (img replaced with background-color) and need them to be centered. my code doesnt work in IE7 only Sad is there a solution?

<html>
<head>
<style type="text/css">
.container {display:table;font-size:13px;font-weight:bold;margin:0 auto;padding:15px 0 10px;text-align:center;}
a.btn{background-color:green;display:block;float:left;height:30px;margin-right:15px;text-decoration:none;text-align:center;}

:quest: Cart Button Images Not Displaying in I.E.

Hello all,

I am working on replacing buttons with custom images in our shopping cart and have gotten buttons to appear perfectly in FF but can not get them to display in ie at all. I have searched for a work around and tried suggestions from our third party software provider/host, adding a #MainImage background url, removing height and even font color??? but have had no luck. Roughly 90% of our shoppers use ie and my sanity is at stake at this point Puzzled . I am new to css and am unsure of what to edit from here. My button code is as follows:

#mainImg
{

Div within a Div centering issues in Chrome

Hey

Basically, I'm trying to make my site a series of Divs, with additional Divs within them for the positioning of the content. The main Divs have a width of 100%, whilst the Divs within them have a width of 700px

What I want is the content Div to be centred within the main Div. However, when I test in Chrome the centreing hasn't worked and it's positioned to the left.

Here's what I'm aiming for:

And here's what I've got at the moment:

One problem with new layout in IE7. Please help.

Hi
I created a new css layout for a simple website with a "sliding door" menu I created with the aid of a tutorial. All appears to works fine in FF, Chrome, Safari and as far as I can tell from IETester IE6 & IE8, but IE7 pushes the menu over to the right and doesn't display correctly. How can I fix this please? The test site for this is http://www.norkey.com/pov/test
This is my first attempt at a css layout.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

My text is barely showing up in IE but works fine in Firefox and Safari

Hey guys,

I am designing a website for a movie theater that I work at. In every browser I've tested the site in (holidaycinemas10.com), everything works. Slide shows, spry content, videos, logos, images, and text all shows up and functions close enough to how I want it to work. There is one exception to this however, in IE, the text I have shows up, but is very very dark, almost not visible at all. Below is the CSS for the site which I designed with Dreamweaver CS4, but I don't really know where to begin. Any help anyone could provide would be greatly appreciated.

 

Syndicate content