473,699 Members | 2,539 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

Heights not correct in IE 6, form.inline not inline in Mozilla

Hi

I am building an admin environment for a CMS system. For the issues
described I have a testcase available at

http://www.ernstdeslebens.ch/csstest/

I am sorry the links are not useable as they lead to password-protected
pages; it is only this page for demonstration. Both HTML (strict) and CSS
validate.

IE issues:
- The two top containers (#corporate and #header) have the same total height
of 70 pixels; one 8px margin-top and 62px height, the other 10px margin-top
and 60px height. The containers below have both the same margin-top and
start with the same h2.ganzoben (with margin-top=0px). Though they do not
align in IE6.
- If you hover the link "e" in the "Optionen" box, the table below it is
moved for some pixels downwards.

Mozilla issues (v. 1.0):
- There are 2 forms in the footer of the table. Both are set to
display:inline. Also are the p elements inside of the forms. Though they are
displayed as block elements in Mozilla.

If somebody has an idea about that, I would be very thankful.

--
Markus
Jul 20 '05 #1
9 2464
Markus Ernst wrote:
Mozilla issues (v. 1.0):
- There are 2 forms in the footer of the table. Both are set to
display:inline. Also are the p elements inside of the forms. Though they are
displayed as block elements in Mozilla.


What do you expect if you put block boxes into inline boxes? You may
make the p elements display inline as well. But why do you want the
forms to be display inline?
--
Johannes Koch
In te domine speravi; non confundar in aeternum.
(Te Deum, 4th cent.)
Jul 20 '05 #2
Johannes Koch wrote:
Markus Ernst wrote:
Mozilla issues (v. 1.0):
- There are 2 forms in the footer of the table. Both are set to
display:inline. Also are the p elements inside of the forms. Though
they are displayed as block elements in Mozilla.


What do you expect if you put block boxes into inline boxes? You may
make the p elements display inline as well.


What I wanted to say is: The p elements inside are display:inline, too. I
think the input elements are inline by default; setting them to
display:inline would make the hidden fields visible and though not change
the form display.

--
Markus
Jul 20 '05 #3
Markus Ernst wrote:
Johannes Koch wrote:
Markus Ernst wrote:
Mozilla issues (v. 1.0):
- There are 2 forms in the footer of the table. Both are set to
display:inli ne. Also are the p elements inside of the forms. Though
they are displayed as block elements in Mozilla.


What do you expect if you put block boxes into inline boxes? You may
make the p elements display inline as well.

What I wanted to say is: The p elements inside are display:inline, too.


Ah, yes. In current Mozilla (1.7.2), the two forms are side by side.
That's what you want?
--
Johannes Koch
In te domine speravi; non confundar in aeternum.
(Te Deum, 4th cent.)
Jul 20 '05 #4
Johannes Koch wrote:
Markus Ernst wrote:
Johannes Koch wrote:
Markus Ernst wrote:

Mozilla issues (v. 1.0):
- There are 2 forms in the footer of the table. Both are set to
display:inline. Also are the p elements inside of the forms. Though
they are displayed as block elements in Mozilla.

What do you expect if you put block boxes into inline boxes? You may
make the p elements display inline as well.

What I wanted to say is: The p elements inside are display:inline,
too.


Ah, yes. In current Mozilla (1.7.2), the two forms are side by side.
That's what you want?


Thank you Johannes - so that was a bug in Mozilla that has been fixed since
my last update.

Cheers
Markus
Jul 20 '05 #5
Markus Ernst wrote:

I am building an admin environment for a CMS system. For the issues
described I have a testcase available at

http://www.ernstdeslebens.ch/csstest/

I am sorry the links are not useable as they lead to
password-protected pages; it is only this page for demonstration.
Both HTML (strict) and CSS validate.

IE issues:
- The two top containers (#corporate and #header) have the same total
height of 70 pixels; one 8px margin-top and 62px height, the other
10px margin-top and 60px height. The containers below have both the
same margin-top and start with the same h2.ganzoben (with
margin-top=0px). Though they do not align in IE6.
- If you hover the link "e" in the "Optionen" box, the table below it
is moved for some pixels downwards.


Does nobody have an idea about these? I thaught strict mode triggers a fixed
box model in IE 6, but I may be wrong. It is not crucial, but I'd like to
fix that...

Thanks
Markus
Jul 20 '05 #6
"Markus Ernst" <derernst@NO#SP #AMgmx.ch> wrote:
I have a testcase available at

http://www.ernstdeslebens.ch/csstest/

[snip]
Does nobody have an idea about these?


You'd stand a better chance if you create a *minimized* test case:
http://www.spartanicus.utvinternet.i...s_help_you.htm

--
Spartanicus
Jul 20 '05 #7
Spartanicus wrote:
"Markus Ernst" <derernst@NO#SP #AMgmx.ch> wrote:
I have a testcase available at

http://www.ernstdeslebens.ch/csstest/


You are right, I hoped that it was known issues and somebody would just
recognize them from the descriptions without even looking at the test case.

I took all unnecessary stuff out of the test case now, included the css
definitions in the file, wrote the element names and the problems in the
elements, colored the heading elements yellow, and properly intended
everything.

Thanks for your patience.
Markus
Jul 20 '05 #8
"Markus Ernst" <derernst@NO#SP #AMgmx.ch> wrote:
You are right,
What are you replying to? Put your reply beneath the actual bit you are
responding to, remove the rest.
I took all unnecessary stuff out of the test case now, included the css
definitions in the file, wrote the element names and the problems in the
elements, colored the heading elements yellow, and properly intended
everything.


It doesn't come close to a minimized test case, there's far to much
irrelevant stuff in there.

Instead of focussing on what may be one of the numerous IE bugs, I'd
suggest not using tables for layout, this will probably also solve the
issue you are seeing.

--
Spartanicus
Jul 20 '05 #9
Spartanicus wrote:
Instead of focussing on what may be one of the numerous IE bugs, I'd
suggest not using tables for layout, this will probably also solve the
issue you are seeing.


These are divs, the tables contained are used for tabular data. Using tables
for layout would actually fix the issue. Never mind, I can live with those 2
pixels.

--
Markus
Jul 20 '05 #10

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

Similar topics

1
5323
by: Tyler Carver | last post by:
I am trying to create a table that 100% of the viewport with three rows. The top and bottom rows have a fixed height and the center row I want to take up the rest of the space. This work fine in Mozilla but I cannot control the row height exactly in IE. They work like min-heights. Here is the code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head>
1
2432
by: Tyler Carver | last post by:
I am trying to create a table that is 100% of the viewport with three rows. The top and bottom rows have a fixed height and the center row I want to take up the rest of the space. This work fine in Mozilla and Opera but I cannot control the row height exactly in IE. Row heights are working more like min heights. Here are two examples. http://hughaxton.com/newsgroups/IETableRowHeight.html This one shows the height of the table at...
5
3840
by: boe | last post by:
Hi everybody I have the page listed below and want the boxes to be in rows, line-wrapping neatly. In IE this looks right, but in mozilla (and possibly other browsers) it doesn't. the css commented out, with -moz-inline-box seems to help a bit for mozilla (linebreaks do not work, any suggestions?), but then again it does not work in IE anymore. How can I make this work, or make something which hase the same
4
10248
by: Shash | last post by:
Hey People, I'm facing a issue with browser compatablity here, I want a certain group of divs to behave like a table row, i.e if one of the cell/div has content longer than the other divs, all the other divs should reflect the same height. I managed to get success in doing this with mozilla (i love it!) and Opera 7, but IE seems to be ignoring the defined function (again!) of the properties display: table, table-row, table-cell...
5
1528
by: jim_briers_us | last post by:
Hi Pretty starightforward question I'm sure so hopefully someone can enlighten me. If I have two divs next to each other how can I ensure that both are the same height? E.g. if the right hand column contains more text than the left I'd like the left hand column to be the same height. So in the example below I'd like leftcontent1 to get its height from rightcontent1. Ideas? <style>
7
2324
by: lauren quantrell | last post by:
A while back I got a requirement for the client to be able to adjust the relative heights of two subforms by click-dragging the mouse and I came up with a kludge solution using a border control between the two subforms. But I put my mind to this again recently and came up with a solution (code below) that works well with multiple subforms to size both the heights and widths of the sunforms relative to each other, and it uses no additional...
11
9698
by: asllearner | last post by:
I am trying to create two rows, each 100% wide. the first has three dvis, the first is 20% wide, the second is 60% wide, the third is 20% wide. THe second row is the same except the first element is now two elements, each 10% wide. sort of like so: -----x---- ---------y1--------- -----z1--- x1 x2 ---------y2--------- -----z2--- what i am getting in operqa and mozilla is:
5
1790
by: Stan R. | last post by:
Greetings. I have a couple of questions concerning CSS layouts, as apposed to the old <tablemethod for creating layouts . Even after spending the last few days searching all over Google Groups, I haven't not been able to find a solution to my collective dilemma, and I hope some of you fine folks here in these neck of the UseNet woods might be able to share some wisdom with a fellow coder. My questions are in regard to what are the proper...
4
1450
by: Rinventive | last post by:
I am having problems with divs and height. I notice this is a very common problem, I have tried many of the fixes and I am still running into problems. I am working on this page. My problem is the Div columns will not stretch to 100%, or 100% seems to be the users screen height and not the content height. I would like all the columns to stretch to the height of the page content. http://www.rewitec.ca/index.php?CategoryID=53 I am...
0
9174
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, it seems that the internal comparison operator "<=>" tries to promote arguments from unsigned to signed. This is as boiled down as I can make it. Here is my compilation command: g++-12 -std=c++20 -Wnarrowing bit_field.cpp Here is the code in...
0
9034
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 tapestry of website design and digital marketing. It's not merely about having a website; it's about crafting an immersive digital experience that captivates audiences and drives business growth. The Art of Business Website Design Your website is...
1
8914
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 Update option using the Control Panel or Settings app; it automatically checks for updates and installs any it finds, whether you like it or not. For most users, this new feature is actually very convenient. If you want to control the update process,...
0
8883
tracyyun
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 protocol has its own unique characteristics and advantages, but as a user who is planning to build a smart home system, I am a bit confused by the choice of these technologies. I'm particularly interested in Zigbee because I've heard it does some...
0
7750
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, and deployment—without human intervention. Imagine an AI that can take a project description, break it down, write the code, debug it, and then launch it, all on its own.... Now, this would greatly impact the work of software developers. The idea...
0
5874
by: conductexam | last post by:
I have .net C# application in which I am extracting data from word file and save it in database particularly. To store word all data as it is I am converting the whole word file firstly in HTML and then checking html paragraph one by one. At the time of converting from word file to html my equations which are in the word document file was convert into image. Globals.ThisAddIn.Application.ActiveDocument.Select();...
0
4376
by: TSSRALBI | last post by:
Hello I'm a network technician in training and I need your help. I am currently learning how to create and manage the different types of VPNs and I have a question about LAN-to-LAN VPNs. The last exercise I practiced was to create a LAN-to-LAN VPN between two Pfsense firewalls, by using IPSEC protocols. I succeeded, with both firewalls in the same network. But I'm wondering if it's possible to do the same thing, with 2 Pfsense firewalls...
0
4629
by: adsilva | last post by:
A Windows Forms form does not have the event Unload, like VB6. What one acts like?
2
2347
muto222
by: muto222 | last post by:
How can i add a mobile payment intergratation into php mysql website.

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.