Styling problem in IE
Posted by: Jack NWK (---.cm-6-3d.dynamic.ziggo.nl)
Date: September 22, 2015 11:03AM

Dear all,

I'm new to Wampserver, installed yesterday on a fresh installed Windows 10 computer.
Wampserver 2.5, Apache 2.4.9, MySQL 5.6.17, php 5.6.12, 64 bits.

One of my websites "under construction" gives the follwing difference.
There is a menu containing menu-buttons which are rectangles, with rounded lower-left and

upper right corners.
The rounding is done in css (separate css-page) by the following code:
#menu a {
display: block;
width: 120px;
color: #541158;
text-decoration: none;
background-color: white;
-moz-border-radius: 15px;
-webkit-border-top-right-radius: 15px;
-webkit-border-bottom-left-radius: 15px;
border-top-right-radius: 15px;
border-bottom-left-radius: 15px;
}

I'm viewing the website from a client pc (so not the Wampserver computer)

Viewing the site from the EXTERNAL webserver (provider) everything works fine with IE (11.0.9600.18015), Firefox(40.0.3) and Chrome(45.0.2454.99 ).

From the WAMPSERVER however, it works fine with Firefox and Chrome, but IE ignores the rounding of the corners.

Also I see a few differences in dimensions (some pixels), but they're not very problematic.

Any ideas regarding the missing rounding in IE will be appreciated.

Rgds,
Jack

Options: ReplyQuote


Sorry, only registered users may post in this forum.