div overlapping problem

Gernot Frisch

Hi,

I have a site:
http://www.glbasic.com/bugs.htm

where 2 divs (class = "outer") overlap in Firefox. In IE it looks good
(although the text part has a too large distance from the header...)

and it should look like this:
http://www.glbasic.com/main.php?lang=en&site=features
Can you please help me?

--
-Gernot
int main(int argc, char** argv) {printf
("%silto%c%cf%c gl%ssic%ccom%c" , "ma", 58, 'g', 64, "ba", 46, 10);}

Mar 17 '06 #1

Subscribe Reply

9230

David Dorward

Gernot Frisch wrote:

I have a site:
http://www.glbasic.com/bugs.htm

where 2 divs (class = "outer") overlap in Firefox. In IE it looks good

Your Doctype tries to be HTML 4.01 Transitional but fails. The "EN" at the
end of the URL indicates that the comments in the DTD are written in
English, not that the HTML document is written in English. Use the lang
attribute on the HTML element to specify the document language.

However, if you corrected your Doctype to read:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

You have even more interesting problems. Some browsers treat the Doctype as
an intelligence test. "HTML 4.01 Transitional with no URL" causes those
browsers to decide that the author doesn't know how to write CSS, and thus
intentionally get things wrong.

So you should use the URL:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

Then you could use the markup validator and see you have machine detectable
syntax errors.

http://validator.w3.org/

However... HTML 4.01 Transitional contains lots of legacy junk that
shouldn't be used these days. HTML 4.01 Strict is almost always the best
choice of language to use for new documents.

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

This highlights a few more issues with your markup where you do things that
really should be handled by stylesheets.

Also, tables are not designed as layout tools.

http://allmyfaqs.net/faq.pl?Tableless_layouts

And using points for screen media font sizing is positively harmful:

* IE users can't resize text easily
* They entirely ignore user preferences
* Most systems are not correctly calibrated (so they don't translate points
to pixels correctly).

Generally speaking, its best to use percentage units for font sizing (with
the main body text being 100% - the user's preference).

There is little point in worrying about rendering glitches until you have
the syntactic errors fixed (since they are easy to detect and fix and could
be the cause).

--
David Dorward <http://blog.dorward.me .uk/> <http://dorward.me.uk/>
Home is where the ~/.bashrc is

Mar 17 '06 #2

Johannes Koch

David Dorward wrote:

So you should use the URL:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

Then you could use the markup validator and see you have machine detectable
syntax errors.

http://validator.w3.org/

The markup validator could validate it even when the system identifier
were not present because it uses a catalog to map formal public
identifiers (like "-//W3C//DTD HTML 4.01 Transitional//EN") to system
identifiers (like "http://www.w3.org/TR/html4/loose.dtd").
--
Johannes Koch
Spem in alium nunquam habui praeter in te, Deus Israel.
(Thomas Tallis, 40-part motet)

Mar 17 '06 #3

David Dorward

Johannes Koch wrote:

The markup validator could validate it even when the system identifier
were not present because it uses a catalog to map formal public
identifiers (like "-//W3C//DTD HTML 4.01 Transitional//EN") to system
identifiers (like "http://www.w3.org/TR/html4/loose.dtd").

The OP was using an incorrect public identifier which wouldn't be in the
Markup Validation Service's catalog.

--
David Dorward <http://blog.dorward.me .uk/> <http://dorward.me.uk/>
Home is where the ~/.bashrc is

Mar 17 '06 #4

Gernot Frisch

http://www.glbasic.com/bugs.htm

I fixed the doctype and simplified it. The validator shows no error.
But Firefox is still overlapping the DIV's. Please, please help.

Mar 21 '06 #5

kchayka

Gernot Frisch wrote:

http://www.glbasic.com/bugs.htm

I fixed the doctype and simplified it. The validator shows no error.
But Firefox is still overlapping the DIV's. Please, please help.

FYI, validating code only means you have eliminated syntax errors as a
cause of rendering issues. Next you need to hunt down logic errors.

Firefox is only doing what you told it to do:

..X2 {height: 21px}

A conforming browser will restrict the height as specified, with the
overflow spilling out and overlapping other elements as needed. IE's
broken overflow behavior doesn't permit that.

Get rid of the height on that container and see what happens.

BTW, try using the DOM Inspector in Firefox and you should be able to
find these things yourself.

--
Reply email address is a bottomless spam bucket.
Please reply to the group so everyone can share.

Mar 22 '06 #6

Similar topics

3280

Overlapping matches in Regular Expressions

by: André Søreng | last post by:

With the re/sre module included with Python 2.4: pattern = "(?P<id1>avi)|(?P<id2>avi|mp3)" string2match = "some string with avi in it" matches = re.finditer(pattern, string2match) .... matches.groupdict() {'id2': None, 'id1': 'avi'} Which was expected since overlapping matches are ignored.

Python

4679

Merging overlapping spans/ranges

by: Max M | last post by:

I am writing a "find-free-time" function for a calendar. There are a lot of time spans with start end times, some overlapping, some not. To find the free time spans, I first need to convert the events into a list of non overlapping time spans "meta-spans". This nice ascii graph should show what I mean. 1) --- 2) ---

Python

12823

Calculating Hours with Overlapping Times

by: Phil Sandler | last post by:

All, I have a table with start and end dates/times in it, and would like to be able to calculate the number of hours represented, accounting for overlapping records. Note that I am looking for an answer on HOW to do this--I don't necessarily need it to be written for me (although it would not go unappreciated!).

Microsoft SQL Server

2196

Declarations of structs, and arrays seem to be overlapping in memory..?!

by: David Thorp | last post by:

New to this list (first post), and relatively new to C, so hi everyone... If anyone can help me with this I'll be most grateful... The following code is from a rather elaborate (for me) program I'm writing (hence all the meaningles variable names and so on), but I've narrowed the problem down to these snippets. Just to make sure, I created this code alone (new file separate to my larger project) and the problems are still exhibiting...

C / C++

2078

Overlapping Text on ASPX Pages (seen on some browsers)

by: Harry Whitehouse | last post by:

I've put up a few simple ASPX pages and they seem to display fine on all of the IE versions in my office, but periodically I hear from a remote user that the various text elements (distinct sections in tables, panels or just laid in) are overlapping. I'm using Arial pretty exclusively as a font. What should I check on to see what is causing this problem on some browers? Is this a screen resolution issue? An available font issue?

ASP.NET

3239

Overlapping controls

by: Charlie Brown | last post by:

I have a form with 2 custom controls that can be dragged around by a user. How can I check if they overlap each other without performing some kind of Collision detection on them? Is there anything in GDI to check for overlapping controls?

Visual Basic .NET

4741

how to avoid date overlapping in MSAccess

by: gzaxar | last post by:

Hi to all in forum. It is my first post here. I am quite new in MsAccess programming. Here is a problem which i am facing to. I want to keep records of employees CV's. More specifically i want to keep the data regarding experience but i need to avoid time overlapping. I use the following tables - among others- EmployeeTb(means employee's table, Edu_ExperTb (means educational experience table) and Prof_ExperTb (means all other experience...

Microsoft Access / VBA

4882

String functions and overlapping objects

by: =?ISO-8859-15?Q?Jean=2DFran=E7ois?= Lemaire | last post by:

Hello all, I'm learning C and I still am struggling to understand some basic concepts. For example, I read in the standard that with functions such as strcpy, 'If copying takes place between objects that overlap, the behavior is undefined.' But how can I be sure that they don't overlap? For example, if I write this: char string1 = "overlap";

C / C++

3841

SQL overlapping date

by: monadel | last post by:

I have a problem with checking the overlapping date. Basically I am developing a database using MS Access (VB scripts) and SQL queries. I have 2 tables which are empTable and empLeaveTable. In a form I have put all the employee data on a label. There are another text boxes that user must put in when the an emploee wants to start leave and end leave. When user click on submit button it will check wheter the empoyee already submitted a leave...

Microsoft SQL Server

9480

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 effortlessly switch the default language on Windows 10 without reinstalling. I'll walk you through it. First, let's disable language synchronization. With a Microsoft account, language settings sync across devices. To prevent any complications,...

Windows Server

10315

Problem With Comparison Operator <=> in G++

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...

C / C++

9946

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 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...

General

8968

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, 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...

Career Advice

6737

Couldn’t get equations in html when convert word .docx file to html file in C#.

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();...

C# / C Sharp

5379

Trying to create a lan-to-lan vpn between two differents networks

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...

Networking - Hardware / Configuration

5511

Windows Forms - .Net 8.0

by: adsilva | last post by:

A Windows Forms form does not have the event Unload, like VB6. What one acts like?

Visual Basic .NET

3645

How to add payments to a PHP MySQL app.

by: muto222 | last post by:

How can i add a mobile payment intergratation into php mysql website.

PHP

2877

Comprehensive Guide to Website Development in Toronto: Expert Insights from BSMN Consultancy

by: bsmnconsultancy | last post by:

In today's digital era, a well-designed website is crucial for businesses looking to succeed. Whether you're a small business owner or a large corporation in Toronto, having a strong online presence can significantly impact your brand's success. BSMN Consultancy, a leader in Website Development in Toronto offers valuable insights into creating effective websites that not only look great but also perform exceptionally well. In this comprehensive...

General