what's wrong with my template, or is it a Drupal's bug?

Posted by FelixDing on December 29, 2005 at 2:33am

I'v made a template by copying html code from my personal bbs(http://www.heartstringz.net/bbs/), but when I use this template, Drupal renders the page just like this:

http://bbs.osx86china.com/files/template_441.jpg

I'v tried so many times to solve this problem, but unfortunately I failed everytime. could somebody kindly tell how to do?

Comments

Hi, apparently it has

Posted by kzeng on December 29, 2005 at 2:51am

Hi, apparently it has nothing to do with drupal's template system but due to your own theme design. It seems that you did not properly configure your CSS file and this causes the extra margin between two tables/divs.

--------------------------
http://www.kzeng.info

kzeng? nice to meet you

Posted by FelixDing on December 29, 2005 at 3:20am

kzeng? nice to meet you here.
But my bbs looks just fine, why?

http://heartstringz.net
http://osx86china.com

hehe, it depends your

Posted by kzeng on December 29, 2005 at 3:49am

hehe, it depends on your HTML/CSS code and the class/ID you defined. Do your bbs and drupal share the same css file?

--------------------------
http://www.kzeng.info

Oddly enough

Posted by dman on December 29, 2005 at 4:46am

... I don't think it IS CSS at all.

Due to that grey line going across above the content - which you wouldn't normally want there - I say you've just got a slightly broken table.
Something's gone wrong in your copy&paste, somewhere close to where it goes "--highlights table--" in the source.
One too few table cells, or a missing colspan.

If you ever need to debug Drupal CSS, try temporarily removing (or at least renaming) the file misc/drupal.css. That will remove any strangeness that Drupal may cause (sometimes it does) for testing so you can identify what's happening.

http://www.coders.co.nz/

_{.dan. is the New Zealand Drupal Developer working on Government Web Standards}

Does it have anything to do

Posted by FelixDing on December 30, 2005 at 8:38am

Does it have anything to do with CSS? I'm totally confused! Look at what I'v done today:

1, Make a new table and fill in some pictures in Dreamweaver MX 2004, no CSS, then load it both in IE and Firefox, everything is fine.

2, Now I'm going to import CSS files, whether I import only drupal.css, only style.css(Bluemarine's default one) or both of them, the html page is rendered correctly in IE and Firefox:

http://bbs.osx86china.com/files/dw2004_831.jpg
http://bbs.osx86china.com/files/firefox_148.jpg
http://bbs.osx86china.com/files/ie_184.jpg

3, OK, as everything goes well, I'm encouraged to test my HTML code in Drupal. Unfourtunately, however, the result really beats me:

http://bbs.osx86china.com/files/drupal_in_firefox_204.jpg
http://bbs.osx86china.com/files/drupal_in_ie_337.jpg

What happened on earth?! If there are sth wroing in the CSS files, why they run well without Drupal? If not, why Drupal with the SAME HTML and CSS shows different result in IE and Firefox?

http://heartstringz.net
http://osx86china.com

DocType?

Posted by dtan on December 30, 2005 at 9:56am

Try to change the doctype to transitional. . .

I would recommend downloading the web developer extension for firefox as well. Not too sure what's causing your problem but there seems to be a 2px bottom padding on your top row of your table. . .

--------------------------------------------------------------
Personal Blog Site | JC Cafe | CSSS

It DOES WORK!

Posted by FelixDing on December 30, 2005 at 10:36am

It DOES WORK!
Thank you so much!

http://heartstringz.net
http://osx86china.com