Home >Web Front-end >CSS Tutorial >Why Does My 100% Width Table Appear Below a Floated Element in IE9?

Why Does My 100% Width Table Appear Below a Floated Element in IE9?

Linda Hamilton
Linda HamiltonOriginal
2024-12-03 21:14:11985browse

Why Does My 100% Width Table Appear Below a Floated Element in IE9?

IE9 Float with Overflow:Hidden and Table Width 100% Not Displaying Properly

When attempting to float a container and position it alongside tables with a 100% width, some users have encountered display issues specifically in IE9. The tables, which should extend fully to both the floating element on the right and the end of the page, instead appear beneath the floated element. This discrepancy can be resolved by ensuring a proper header.

Solution:

To alleviate this problem in IE9, verify that the header is formatted as follows:

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
</head>

The above is the detailed content of Why Does My 100% Width Table Appear Below a Floated Element in IE9?. For more information, please follow other related articles on the PHP Chinese website!

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn