468,293 Members | 1,874 Online
Bytes | Developer Community
New Post

Home Posts Topics Members FAQ

Post your question to a community of 468,293 developers. It's quick & easy.

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 2237
Whoops, CSS is at: http://www.penguinwired.org/wuffi/style.css

On Mar 14, 2:11 am, jww...@gmail.com 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.com 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:block;}

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

Mar 14 '07 #4
jw****@gmail.com 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 discussion thread is closed

Replies have been disabled for this discussion.

Similar topics

7 posts views Thread by Gnolen | last post: by
2 posts views Thread by Spondishy | last post: by
4 posts views Thread by Martin Eyles | last post: by
4 posts views Thread by tshad | last post: by
2 posts views Thread by Ben Wall | last post: by
By using this site, you agree to our Privacy Policy and Terms of Use.