By gtcaz on

I'm seeing something strange in IE6 (surprise). The first line of the body in many of my pages is indented in IE, but not Firefox. Here's an example HTML output from Drupal:

            <div id="main">
        <div class="breadcrumb"><a href="/node">Home</a> » <a href="/members" title="">members</a></div>        <h1 class="title">Five-Year Members</h1>
        <div class="tabs"></div>
                        <!-- begin content -->  <div class="node">
            <span class="submitted"></span>
    <span class="taxonomy"></span>
    <div class="content"><p>Joe Blow (2000-2005)<br />
Jane Plain (1993-2000)<br />

In IE, Joe Blow is indented; in Firefox it's flush left. This is happening on several pages. I just don't see why IE should be indenting this from the HTML.

There's nothing in the edit page (I use the Textile module) to account for this. Any ideas??

⋅ Categories: Drupal 4.7.x

Comments

gtcaz’s picture

gtcaz commented

More info: if I add &bnsp; by itself on the first line, things look right. Basically I make Drupal indent a blank line and then start the content. Still doesn't explain the indentation in IE. Something to do with the <p> tag?

vm’s picture

vm commented

is it possible the css file is auto indenting ?

gtcaz’s picture

gtcaz commented

I don't think so, but I'll check it out. I'm just using a modified bluemarine theme. Problem is, my usual CSS tools are tied into Firefox. I'll see if Topstyle shows anything.

Thanks.

omaharu’s picture

omaharu commented

I just had the same problem:

  • Modified bluemarine theme.
  • First line indented in IE but not Firefox.

More than an hour I was searching the css and the web for hints.
I already wanted to give up when I saw the following line in my html:
<span class="taxonomy"></span>

I did not try to figure out what the problem exactly is (either IE takes space for the empty div and Firefox does not, or it puts it above the paragraph or ...), but just removed the taxonomy span from the template since I don't use it at all.

I guess the same is true for the "submitted" span...

cheers,
omaharu

brenda003’s picture

brenda003
she/her
commented

In your style.css I believe it's the:

.node .taxonomy

Just add in:

margin: 0;
padding 0;
animago’s picture

animago commented

Brava Brenda, you solved my trouble

vinx2o2o’s picture

vinx2o2o commented

Hi,
I have a similar problem but i can't use your code.
I am using the Meta theme and it has a lot of .css but no one have in it '.node .taxonomy' line.
however Meta theme use image module and taxonomy.
For display my galleries I have created the dictionary “galleries images” and i have added a term for every gallery.
At this point i have two problems:

1 - with IE only the first gallery is not indented (it is to the left, margin 0), but all the others come indented like a thread of comments. unfortunately the theme recalls various sheets of style…have you idea in which way i can resolve the problem?

2 - with Mozilla all galleries are not indented but they "smash in” the bottom of the background page and the last 4-5 galleries go outside.
In which way Can i implement the automatic creation of other page after n number of gallery?

bye and thanks

onelittleant’s picture

onelittleant commented

You can modify your node.tpl.php file as follows in order to eliminate the problem. Only show the taxonomy and/or submitted spans if they actually contain content. This example is a modification of the default theme in 5.7:

  <div class="node<?php if ($sticky) { print " sticky"; } ?><?php if (!$status) { print " node-unpublished"; } ?>">
    <?php if ($picture) {
      print $picture;
    }?>
    <?php if ($page == 0) { ?><h2 class="title"><a href="<?php print $node_url?>"><?php print $title?></a></h2><?php }; ?>
    <?php if($submitted) { ?><span class="submitted"><?php print $submitted?></span><?php } ?>
    <?php if($terms) { ?><span class="taxonomy"><?php print $terms?></span><?php } ?>
    <div class="content"><?php print $content?></div>
    <?php if ($links) { ?><div class="links">&raquo; <?php print $links?></div><?php }; ?>
  </div>