Geek Answers Handbook

CSS rendering problem IE8 (table)

I have a pretty common IE8 problem with my site. IE8 displays my page differently than other browsers, which is very annoying. I would like someone to help, please!

I tried to give IE8 my own stylesheet, but it does not work.

Here is the problem page:

http://www.routeqr.com/toimex/tuotteet

Scroll down the page to the image and you will see that the first column and the second column have too much space between them.

T tags are also not displayed correctly.

IE does not display the fields correctly, just check the same page with Firefox or with a different browser, and you should see the difference.

I would be very grateful if someone could help me, I was so lost.

HTML code

<table class="tuotekuvat">
<tbody>
<tr>
<th><a name="kannakkeet">&raquo; Kannakkeet</a></th>
</tr>

CSS

.custom .tuotekuvat th {
float: left;
margin-top: 15px;
margin-bottom: 15px;
padding: 10px;
background-color: #333333;
}
+5
3

, th () colspans, table 6 (), - 5. , ;)

th - IE 7 float / 1- ,

, , <thead>, table-layout: fixed , . .. , , ( , ), , , th <th colspan="6">

HTML, , , , th..,

+2

:
padding: 10px;

padding: 10px 0px 10px 0px;

, !

..

0

Relatively empty cells <td>. It used to be that you at least need &nbsp;it to display correctly in browsers. I think that there can no longer be a case with current versions.

As an aside, I would recommend using tools like firefox webdeveloper and firebug . Webdeveloper has many good features, as well as a link to the w3c Validator , which helped me find the distorted html.

0
source

More articles:


All Articles