Home Web Front-end CSS Tutorial How to set the minimum height of css in firefox and IE6

How to set the minimum height of css in firefox and IE6

Jun 28, 2018 pm 02:35 PM
firefox ie6 minimum height

This article mainly introduces how to set the minimum height of css in firefox and IE6. It has certain reference value. Now I share it with you. Friends in need can refer to it

In web page layout You will encounter the problem of setting the minimum height of CSS in Firefox and IE6. This article will provide a solution. Friends who need to know more can refer to

IE6 does not support min-height in CSS, so IE6 needs to be set separately. Setting, height will automatically expand in IE6 even if it exceeds the fixed height. This problem is very confusing

#main{      
    min-height:320px; //用于firefox 
    _height:320px; //用于IE6 
}
Copy after login

When setting the minimum height of a certain area to a certain value , the performance is different in Firefox, IE6 and IE7. If you only set the min-height value, it will not be recognized in IE6; but if you set the height value, the position will be fixed in IE7 and Firefox. This is a big problem. So in order to coordinate various browsers and various versions, how can we solve the minimum height problem?

I searched for some relevant information on the Internet, and there is a better solution:

.distance { 
height:auto!important; 
height:100px; 
min-height:100px; 
}
Copy after login

! The import (priority) tag is not recognized in IE6, so the above code will be Is understood to be:

height:100px; 
min-height:100px;
Copy after login

And in IE7 it is:

height:auto; 
min-height:100px;
Copy after login

Here, the features we use are:
IE6 cannot recognize the !important tag;
IE6 cannot Identify the min-height tag;
The final effect of the height tag in IE6 is equivalent to the minimum height (min-height) tag in IE7 and Firefox browsers;
The above problem can eventually be solved.

Another method: (I can’t understand this, but it can be used)

.autoheight{ min-height:200px; height:200px;} 
[class].autoheight{height:auto;}
Copy after login

The above is the entire content of this article. I hope it will be helpful to everyone’s learning. For more related content, please pay attention to PHP Chinese website!

Related recommendations:

Four code settings for CSS to implement web page background gradient

How to solve the problem of direct access after webpack packaging Page image path error

#

The above is the detailed content of How to set the minimum height of css in firefox and IE6. For more information, please follow other related articles on the PHP Chinese website!

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

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

Video Face Swap

Video Face Swap

Swap faces in any video effortlessly with our completely free AI face swap tool!

Hot Article

Roblox: Bubble Gum Simulator Infinity - How To Get And Use Royal Keys
3 weeks ago By 尊渡假赌尊渡假赌尊渡假赌
Mandragora: Whispers Of The Witch Tree - How To Unlock The Grappling Hook
3 weeks ago By 尊渡假赌尊渡假赌尊渡假赌
Nordhold: Fusion System, Explained
3 weeks ago By 尊渡假赌尊渡假赌尊渡假赌

Hot Tools

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

Hot Topics

Java Tutorial
1667
14
PHP Tutorial
1273
29
C# Tutorial
1255
24
How to remove Firefox Snap in Ubuntu Linux? How to remove Firefox Snap in Ubuntu Linux? Feb 21, 2024 pm 07:00 PM

To remove FirefoxSnap in Ubuntu Linux, you can follow these steps: Open a terminal and log in to your Ubuntu system as administrator. Run the following command to uninstall FirefoxSnap: sudosnapremovefirefox You will be prompted for your administrator password. Enter your password and press Enter to confirm. Wait for command execution to complete. Once completed, FirefoxSnap will be completely removed. Note that this will remove versions of Firefox installed via the Snap package manager. If you installed another version of Firefox through other means (such as the APT package manager), you will not be affected. Go through the above steps

Can mozilla firefox be uninstalled? Can mozilla firefox be uninstalled? Mar 15, 2023 pm 04:40 PM

Mozilla Firefox can be uninstalled; Firefox is a third-party browser and can be uninstalled if it is not needed. Uninstallation method: 1. In the Start menu, click "Windwos System" - "Control Panel"; 2. In the "Control Panel" interface, click "Programs and Features"; 3. In the new interface, find and double-click Firefox Browser icon; 4. In the uninstall pop-up window, click "Next"; 5. Click "Uninstall".

Firefox 113 new features: support for AV1 animations, enhanced password generator and picture-in-picture features Firefox 113 new features: support for AV1 animations, enhanced password generator and picture-in-picture features Mar 05, 2024 pm 05:20 PM

According to recent news, while Mozilla released the stable version of Firefox 112, it also announced that the next major version, Firefox 113, has entered the Beta channel and supports AV1 animations, enhanced password generator and picture-in-picture features. The main new functions/features of Firefox 113 are as follows: Support for AV1 format animated images (AVIS); Enhance the security of the password generator by introducing special characters; Enhance the picture-in-picture function, support rewind, display video time, and enable full screen more easily Mode provides official DEB installation files for Debian and Ubuntu distributions. Updated bookmark import feature, icons for imported bookmarks are supported by default. Hardware accelerated AV1 video decoding is enabled by default on supported hardware using w

How to use Mozilla Firefox in Scrapy to solve the problem of scanning QR code to log in? How to use Mozilla Firefox in Scrapy to solve the problem of scanning QR code to log in? Jun 22, 2023 pm 09:50 PM

For crawlers to crawl websites that require login, verification code or scan code login is a very troublesome problem. Scrapy is a very easy-to-use crawler framework in Python, but when processing verification codes or scanning QR codes to log in, some special measures need to be taken. As a common browser, Mozilla Firefox provides a solution that can help us solve this problem. The core module of Scrapy is twisted, which only supports asynchronous requests, but some websites require the use of cookies and

Ubuntu 23.10 will run Firefox in native Wayland mode by default Ubuntu 23.10 will run Firefox in native Wayland mode by default Feb 29, 2024 am 10:10 AM

Canonical recently announced that in the upcoming Ubuntu 23.10, Firefox Snap has been configured to run in Wayland mode by default. Note: Ubuntu currently has the Wayland session by default, and Firefox can also work normally. However, currently FirefoxSnap actually runs in XWayland compatibility mode, rather than the strict native Wayland mode. Canonical announced that it will run the Firefox browser in Wayland mode by default, so that problems such as interface blur and scaling distortion will not occur on HiDPI displays, and it will support touch gestures such as dragging and pinching. As mentioned above, Ubunt

How to find the minimum height of a triangle given base and area in Java? How to find the minimum height of a triangle given base and area in Java? Aug 26, 2023 pm 10:25 PM

We have the area 'a' and the base 'b' of the triangle. As per the problem statement, we need to find the minimum height 'h' using Java programming language. As we know, when the base and height are given, the area of ​​a triangle is −$$\mathrm{area\:=\:\frac{1}{2}\:*\:base\:*\: Height}$$ By using the above formula, we can get the height from -height=(2*area)/base and then by using the built-in ceil() method, we can get the minimum height. Show you some examples to show you the Chinese translation of Instance-1: Example-1 Suppose the given area = 12 and base = 6 and then use the formula

Firefox browser Firefox 115 released, supports the last version of Win7/Win8.1 Firefox browser Firefox 115 released, supports the last version of Win7/Win8.1 Mar 04, 2024 pm 04:46 PM

Today’s latest news, Mozilla officially released the Firefox 115 stable version update today. The most noteworthy thing about this update is that this is the last version that supports Win7/Win8, macOS10.12, 10.13 and 10.14. Download address: https://ftp.mozilla.org/pub/firefox/releases/115.0/Mozilla stated in the official update log: Microsoft will end support for Win7 and Win8 systems in January 2023, and Firefox 115 released today The version is the last version update received by users of said system. Win7 and Win8 users

How to solve the problem that Font Awesome is not displayed in Firefox under Apache/Nginx How to solve the problem that Font Awesome is not displayed in Firefox under Apache/Nginx May 21, 2023 pm 05:43 PM

1. nginx server solution The server uses nginx. To add the access-control-allow-origin field to the response header, the method of adding is to use the add_header directive: Configuration example: Copy the code as follows: location/assets/{gzip_staticon; expiresmax;add_headercache-controlpublic;add_headeraccess-control-allow-origin*;} 2. Apache server solution fontawesome (firefox cannot display fire

See all articles