By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
440,091 Members | 1,546 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 440,091 IT Pros & Developers. It's quick & easy.

Problems with Nested Divs and Firefox

P: n/a
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
Share this Question
Share on Google+
4 Replies


P: n/a
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

P: n/a
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

P: n/a
That fixed it. Thank you!

Mar 14 '07 #4

P: n/a
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.