FF Problem With Extend Fixed Width ,height

Ealireza

i want to Increase Parent Div Size from Child
it work on IE ,
i also Try with

Expand|Select|Wrap|Line Numbers

Clear:both

style
and

Expand|Select|Wrap|Line Numbers

<br clear=all>

tag
but not get work on FF

this is Sample Code Have Problem

Expand|Select|Wrap|Line Numbers

 <div style="width:0;height:0;background-color:Black;padding:20px;">
 
    <div style="width:150px;height:150px;background-color:red">

        x

    </div>
 
</div>

Please guidance me to find solution
thank you
alireza

Jan 24 '08 #1

Subscribe Post Reply

1468

drhowarddrfine

7,435

Expert 4TB

Don't complain that FF is doing this wrong when you tell it to have zero height and zero width and it does what you said while IE does not. As always, IE is in the wrong here while Firefox is performing correctly.

IE treats height and width as 'min-height' and min-width, which is why it does this wrong. Of course, min-height doesn't work at all.

Jan 24 '08 #2

Ealireza

Don't complain that FF is doing this wrong when you tell it to have zero height and zero width and it does what you said while IE does not. As always, IE is in the wrong here while Firefox is performing correctly.

IE treats height and width as 'min-height' and min-width, which is why it does this wrong. Of course, min-height doesn't work at all.

thank you
i try to use Min width but not work

Expand|Select|Wrap|Line Numbers

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >

<head>

<style type="text/css">

.a 

{
 
background-color:Black;

padding:20px;

min-width:2px;

max-width:600px

}

</style>

</head>

<body>

<div class="a">
 
    <div style="width:150px;height:150px;background-color:red">

        x

    </div>

</div>

</body>

</html>

please correct my codes to find solution
thank you

Jan 24 '08 #3

Ealireza

finally i find solution to solve this problem

just define Display type of Element as Table ;)

i put it here maybe useful for some body

Expand|Select|Wrap|Line Numbers

 
<div style="width:0;background-color:Black;padding:20px;display:table">
 
    <div style="width:150px;height:150px;background-color:red">
 
    </div>

<div style="clear:both"></div>

</div>

Jan 24 '08 #4

drhowarddrfine

7,435

Expert 4TB

thank you
i try to use Min width but not work

Well, yes, min-width doesn't work in IE either; only modern browsers.

display:table is not what I would have done but....

Jan 24 '08 #5

Similar topics

Server.ScriptTimeout in IIS with ASP

by: Jo Becaus | last post by:

Hi, I created ASP page with following sourcecode. <%@ language="VBSCRIPT" %>   <HTML> <HEAD>

ASP / Active Server Pages

fixed layer and IF code for IE

by: Jaz | last post by:

Trying to use a fixed layer for a couple of NAV buttons. I found this code, but the IE part is commented, and I don't understand the IF statement. It works great on Moz/Firebird and Opera BUT...

Javascript

help with CSS design

by: Joe | last post by:

I'm designing a company website. I'm relatively new to CSS and I'm having trouble creating what seems to me a very simple design: - body background: fixed full page image - banner: fixed, 100...

HTML / CSS

Displaying a scrollable table with fixed head?

by: Michael Schuerig | last post by:

I'm trying to do something seemingly very simple, but it's brought me close to crushing my head on the keyboard. All I want is a table where the head row is fixed and the body columns below are...

HTML / CSS

Table with Fixed Header not working after adding an onmouseover event

by: MrCode2k | last post by:

Hello, Trying to do: I just want a table that I can scroll and that has fixed headers. Problem: I got it to work but when I added the onmouseover event it didn't work anymore....

HTML / CSS

Scrolling Table with Fixed Headers not working after adding an onmouseover event

by: MrCode2k | last post by:

Hello, Trying to do: I just want a table that I can scroll and that has fixed headers. Problem: I got it to work but when I added the onmouseover event it didn't work anymore....

HTML / CSS

CSS problem with footer

by: donpro | last post by:

Hi, I'm creating a template paging sing pure CSS and all looks good except the footer which I am having problems with. 1) When I space out each of the FOUR DIVS at 25%, it wraps in IE. I...

HTML / CSS

header,footer,left & right column fixed and body information scrolling to use div

by: Noorain | last post by:

I designed a site. i want to header,footer,left & right column fixed but body information only scrolling. this site screen to be 800/600 px. i designed this way but when i used position fixed all...

HTML / CSS

trouble with tinyMCE images

by: matheussousuke | last post by:

Hello, I'm using tiny MCE plugin on my oscommerce and it is inserting my website URL when I use insert image function in the emails. The goal is: Make it send the email with the URL...

Javascript

Merging data from multiple Excel files

by: ryjfgjl | last post by:

In our work, we often receive Excel tables with data in the same format. If we want to analyze these data, it can be difficult to analyze them because the data is spread across multiple Excel files...

Data Management

Migrating Website to Cloud - Emmanuel Katto

by: emmanuelkatto | last post by:

Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud. Please let me know. Thanks! Emmanuel

General

Navigating the Data Structures and Algorithms (DSA)

by: BarryA | last post by:

What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...

Algorithms / Advanced Math

Is that possible of reading the .csv file in column wise and the column have different lengths ?

by: Sonnysonu | last post by:

This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...

C / C++

Changing the language in Windows 10

by: Hystou | last post by:

Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can...

Windows Server

Maximizing Business Potential: The Nexus of Website Design and Digital Marketing

by: jinu1996 | last post by:

In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven...

Online Marketing

The easy way to turn off automatic updates for Windows 10/11

by: Hystou | last post by:

Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows...

Windows Server

Discussion: How does Zigbee compare with other wireless protocols in smart home applications?

by: tracyyun | last post by:

Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each...

General

AI Job Threat for Devs

by: agi2029 | last post by:

Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing,...

Career Advice