473,396 Members | 1,774 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,396 software developers and data experts.

Form item is out of <DIV>

hi all, consider the example below:

//////////////////////
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=big5" />
<title>Untitled Document</title>
<style type="text/css">
<!--

div.test{

padding-top : 2px;
padding-left : 5px;
height : 20px;
font-family : lucida grande, verdana, arial, sans-serif;
font-size : 15px;
font-weight : bold;
line-height : 1.5;
color : #333333;
text-align : left;
background-color : #E3EBCC;

}

-->
</style>
</head>

<body>

<div class="test">
<select name="test">
<option value="1">1</option>
<option value="2">2</option>
</select>
</div>

</body>
</html>

//////////////////////

the select item is out of the div "test", this problem occur in FF 1.5
& Opera 9, but not IE 6,
is that something wrong?

thanks...

Nov 7 '06 #1
7 2591
howa wrote:
hi all, consider the example below:

height : 20px;

the select item is out of the div "test", this problem occur in FF 1.5
& Opera 9, but not IE 6,
is that something wrong?
The height is a fixed size. Remove it, or set it larger.

--
jmm (hyphen) list (at) sohnen-moe (dot) com
(Remove .AXSPAMGN for email)
Nov 7 '06 #2

Jim Moe ¼g¹D¡G
howa wrote:
hi all, consider the example below:

height : 20px;

the select item is out of the div "test", this problem occur in FF 1.5
& Opera 9, but not IE 6,
is that something wrong?
The height is a fixed size. Remove it, or set it larger.

--
jmm (hyphen) list (at) sohnen-moe (dot) com
(Remove .AXSPAMGN for email)
well,
why the form item cannot expand the DIV ?

Nov 8 '06 #3

Jim Moe ¼g¹D¡G
howa wrote:
hi all, consider the example below:

height : 20px;

the select item is out of the div "test", this problem occur in FF 1.5
& Opera 9, but not IE 6,
is that something wrong?
The height is a fixed size. Remove it, or set it larger.

--
jmm (hyphen) list (at) sohnen-moe (dot) com
(Remove .AXSPAMGN for email)
well,
why the form item cannot expand the DIV ?

Nov 8 '06 #4
howa wrote:
Jim Moe 寫é“:
>howa wrote:
>
height : 20px;
The height is a fixed size. Remove it, or set it larger.

why the form item cannot expand the DIV ?
Remove the height limit and all browsers will expand it as needed. IE
expands it now because it is broken.

--
Berg
Nov 8 '06 #5
howa wrote:
hi all, consider the example below:

height : 20px;

the select item is out of the div "test", this problem occur in FF 1.5
& Opera 9, but not IE 6,
is that something wrong?
The height is a fixed size. Remove it, or set it larger.
well,
why the form item cannot expand the DIV ?
The height is a *fixed size*. Remove it, or set it larger.

--
jmm (hyphen) list (at) sohnen-moe (dot) com
(Remove .AXSPAMGN for email)
Nov 8 '06 #6
"Bergamot" <be******@visi.comwrote in message
news:4r************@mid.individual.net...
howa wrote:
>Jim Moe ??:
>>howa wrote:

height : 20px;

The height is a fixed size. Remove it, or set it larger.

why the form item cannot expand the DIV ?

Remove the height limit and all browsers will expand it as needed. IE
expands it now because it is broken.
if you *must* have a fixed height then add overflow:auto; to your style
element.

--
Cheers

Paul
le singe est dans l'arbre
http://www.paulwatt.info
Nov 8 '06 #7
Paul Watt wrote:
>>>howa wrote:

height : 20px;

if you *must* have a fixed height then add overflow:auto; to your style
element.
Hmmm... not sure what a browser will do with a vertical scrollbar on
such a short element. It will be tricky to operate, I think. :)

--
Berg
Nov 8 '06 #8

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

13
by: Mikko Ohtamaa | last post by:
From XML specification: The representation of an empty element is either a start-tag immediately followed by an end-tag, or an empty-element tag. (This means that <foo></foo> is equal to...
1
by: Philo | last post by:
How do I select all <div> tags except those which contain a <table> tag somewhere within them? Example XML: <********************** sample input ***********************> <txtSectionBody>...
3
by: Paul Thompson | last post by:
When I put a <div ...> inside a <table> specification, functionality is not there. When I put the <table> inside the <div> everything works. Why is that?
8
by: Daniel Hansen | last post by:
I know this must seem totally basic and stupid, but I cannot find any reference that describes how to control the spacing between <p>...</p> and <div>...</div> blocks. When I implement these on a...
8
by: slim | last post by:
hi again all, i am still working on the website as mentioned in earlier threads and have hit another snag... http://awash.demon.co.uk/index.php http://awash.demon.co.uk/vd.css the php is...
6
by: Marcus Otmarsen | last post by:
Ok, the situation is as follows: I defined a <DIV> like: <div id="myid" style="position: absolute; height: 10; width: 10;"><img src="images/object.gif" height=10 width=10></div> This pane is...
3
by: Josef K. | last post by:
Asp.net generates the following html when producing RadioButton lists: <td><input id="RadioButtonList_3" type="radio" name="MyRadioButtonList" value="644"...
1
by: mark4asp | last post by:
<form runat="server"automatically adds <divtag to code contained within. Is there a way to stop that? Mixing block-level elements with inline-level elements messes up the HTML becasuse that is...
8
prino
by: prino | last post by:
Hi all, I've written code (in REXX) that takes files in legacy languages (PL/I, COBOL, z/OS assembler, etc) and converts them into HTML in a format similar to what's displayed in the z/OS ISPF...
0
by: Charles Arthur | last post by:
How do i turn on java script on a villaon, callus and itel keypad mobile phone
0
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...
0
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
0
BarryA
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...
1
by: nemocccc | last post by:
hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?
0
by: Hystou | last post by:
There are some requirements for setting up RAID: 1. The motherboard and BIOS support RAID configuration. 2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...
0
Oralloy
by: Oralloy | last post by:
Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers,...
0
jinu1996
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...
0
agi2029
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,...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.