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
Release: 2024-12-03 21:14:11
Original
984 people have browsed it

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>
Copy after login

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!

source:php.cn
Statement of this Website
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
Latest Articles by Author
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template