473,734 Members | 2,798 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

Problems with Nested Divs and Firefox

Hello all,

I've been building a simple site based on XML, XSL and CSS in order to
help me learn those technologies better. However, building a tableless
page is brand new to me so I've run into a large amount of problems.

The biggest seems that Firefox wants to put a line in between two of
my nested tags for some reason. However, this is only in the XML
version. To design the page, I first made an HTML version, then I
created a XSL file from that.

The HTML file: http://www.penguinwired.org/wuffi/test.html

The XML file (with styling): http://www.penguinwired.org/wuffi/index.xml

Finally the stylesheet: http://www.penguinwired.org/wuffi/layout.css

I would like to point out that my design is completely wrong in IE and
I haven't even started to debug that monster yet. Also, I know my
title bar needs a DIV of it's own.

Any help would be appreciated. Thanks!

- James

Mar 14 '07 #1
4 2496
Whoops, CSS is at: http://www.penguinwired.org/wuffi/style.css

On Mar 14, 2:11 am, jww...@gmail.co m wrote:
Hello all,

I've been building a simple site based on XML, XSL and CSS in order to
help me learn those technologies better. However, building a tableless
page is brand new to me so I've run into a large amount of problems.

The biggest seems that Firefox wants to put a line in between two of
my nested tags for some reason. However, this is only in the XML
version. To design the page, I first made an HTML version, then I
created a XSL file from that.

The HTML file:http://www.penguinwired.org/wuffi/test.html

The XML file (with styling):http://www.penguinwired.org/wuffi/index.xml

Finally the stylesheet:http://www.penguinwired.org/wuffi/layout.css

I would like to point out that my design is completely wrong in IE and
I haven't even started to debug that monster yet. Also, I know my
title bar needs a DIV of it's own.

Any help would be appreciated. Thanks!

- James

Mar 14 '07 #2
jw****@gmail.co m wrote:
Hello all,

I've been building a simple site based on XML, XSL and CSS in order to
help me learn those technologies better. However, building a tableless
page is brand new to me so I've run into a large amount of problems.

The biggest seems that Firefox wants to put a line in between two of
my nested tags for some reason. However, this is only in the XML
version. To design the page, I first made an HTML version, then I
created a XSL file from that.

The HTML file: http://www.penguinwired.org/wuffi/test.html

The XML file (with styling): http://www.penguinwired.org/wuffi/index.xml

Finally the stylesheet: http://www.penguinwired.org/wuffi/layout.css

I would like to point out that my design is completely wrong in IE and
I haven't even started to debug that monster yet. Also, I know my
title bar needs a DIV of it's own.

Any help would be appreciated. Thanks!
It doesn't in the HTML one because it's in Quirks Mode.

In the XML version, it's in the Standards Mode.
You can use wither of these:

img{vertical-align:bottom;}
or
img{display:blo ck;}

--
Gus
Mar 14 '07 #3
That fixed it. Thank you!

Mar 14 '07 #4
jw****@gmail.co m wrote :
Hello all,

I've been building a simple site based on XML, XSL and CSS in order to
help me learn those technologies better. However, building a tableless
page is brand new to me so I've run into a large amount of problems.


Table-based webpage design versus CSS-based webpage design: resources,
explanations and tutorials
http://www.gtalbot.org/NvuSection/Nv...CSSDesign.html

The biggest seems that Firefox wants to put a line in between two of
my nested tags for some reason. However, this is only in the XML
version. To design the page, I first made an HTML version,
Your HTML version
- has validation markup errors
- should have a doctype declaration
- should choose a doctype declaration which will trigger standards
compliant rendering mode in modern browsers

Please visit+bookmark:
Using Web Standards in your Web Pages (Updated Dec. 2006)
http://developer.mozilla.org/en/docs...your_Web_Pages

Why are there gaps between image rows in tables when the layout engine
is in the Standards mode?
http://www.mozilla.org/docs/web-developer/faq.html#gaps

Images, tables and mysterious gaps
http://developer.mozilla.org/en/docs...ysterious_Gaps

Gérard
--
Using Web Standards in your Web Pages (Updated Dec. 2006)
http://developer.mozilla.org/en/docs...your_Web_Pages
Mar 16 '07 #5

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

Similar topics

3
5010
by: Philip | last post by:
I am trying to make a bunched of left-floated divs that will be contained in a larger div. the floated divs all contain a left-floated img and text of varying sizes. If I don't set a height (or height:auto) the larger div doesn't seem to see the nested divs, and they spill out the bottom. IE seems to automatically resize the larger div as long as I set the height to 100% or any pixel size. Mozilla doesn't recognize the percent, and...
4
8782
by: drdeadpan | last post by:
Hi, Being a newbie, pardon me if this question has been answered. I was finding it difficult to search for my problem on Usenet 'cos I was having a tough time describing it.. Here gow. I have a <div> within which I have another <div> ( i.e nested divs). I find that Firefox gives me the result I want but IE 6 does'nt. IE six chops out the title. WHat suggestions/recommnedations can you guys
7
17335
by: Gnolen | last post by:
Hi, I have a problem with float in firefox/mozilla, the 'ads'-div doesn't resize on the height with the 'ads_left' and 'ads_right'. In IE there is no problem but in FF there is. The 'ads'-div do not resize at all. How come? HTML <div id="ads">
2
2229
by: Spondishy | last post by:
I have a fairly simple page (attached below) with a couple of nested divs. The issue is with the paddedtext class. If I have this set to 100% width the text hangs over the edge of the tableborder div in Firefox. If I take the width off its fine in Firefox, but pushes tableborder wider in IE6. Could anyone give me a pointer on this. Help Appreciated. Thanks.
4
4756
by: Martin Eyles | last post by:
Hi, I am trying to get two divs to align at the bottom of another div. As they are nested in this div, I expected them to be positioned at the bottom of it, using the code below, but they are instead at the bottom of the body. note - I do want them on top of each other, so the only problem is - where is the bottom, and how can I make it the same as the bottom of the div. Thanks, Martin (code below) <html>
4
6881
by: tshad | last post by:
I am trying to hide and show certain parts of my code (which I have no problem doing with DW). In VS 2003, it won't let you use <div runat="server"to section of parts of my code in a table. This is during compilation (build). My code is: <TABLE id="Table1" style="WIDTH: 864px; HEIGHT: 177px" cellSpacing="1" cellPadding="1" width="864" border="0">
2
2328
by: Ben Wall | last post by:
I have a page with six or seven absolutely positioned DIV blocks ... they all contain form elements .. text boxes, buttons, etc. and they all reside within a containing "master" DIV. What I need to do is overlay all of the DIVs with a "pop-up" DIV to get some additional input; so, on a button click I am setting the visibility and the top/left coordinates to bring it into position ... but what's happening is that three elements underneath...
0
2132
by: atarumorooka | last post by:
Hello, yes..it must be hard to try and help someone else coding but today is a full week of sadness and stress for IE CSS rendering and I need your help. Here you have a link that looks nice with Opera and Firefox but it shows problems with IE6 (I've no idea with IE7): http://www.fitcisl.it/fit/index.asp Here I copy the css code with the hope that someone knows a hack so to make it compatible with all the browsers. Thank you! Ataru
3
1714
by: Steve | last post by:
Hi; I'm working on a demo of using a timer on a web site that is made visible by making a div visible. My "PopIn Box" div is empty on the page. Before making it visible I used javascript to get the content from another hidden div. I'm doing it this way to make it easier to add in more messages by simply putting more hidden divs on the page.
0
8776
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,...
0
9449
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
9182
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
8186
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...
1
6735
isladogs
by: isladogs | last post by:
The next Access Europe User Group meeting will be on Wednesday 1 May 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome a new presenter, Adolph Dupré who will be discussing some powerful techniques for using class modules. He will explain when you may want to use classes instead of User Defined Types (UDT). For example, to manage the data in unbound forms. Adolph will...
0
4550
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
4809
by: adsilva | last post by:
A Windows Forms form does not have the event Unload, like VB6. What one acts like?
1
3261
by: 6302768590 | last post by:
Hai team i want code for transfer the data from one system to another through IP address by using C# our system has to for every 5mins then we have to update the data what the data is updated we have to send another system
2
2724
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.