I’m using the simple search form and things look great in Firefox but apparently “Internut Exploder” likes to give me an extra line below any DIV tag. Can I address this in CSS and if so, how???
This is an archived forum and the content is probably no longer relevant, but is provided here for posterity.
The active forums are here.
October 25, 2007 3:56pm
Subscribe [3]#1 / Oct 25, 2007 3:56pm
I’m using the simple search form and things look great in Firefox but apparently “Internut Exploder” likes to give me an extra line below any DIV tag. Can I address this in CSS and if so, how???
#2 / Oct 26, 2007 10:37am
Care to give us a link to an actual page?
#3 / Oct 26, 2007 12:10pm
I’d love to but it’s part of a secure section of the site. Here’s the code I use anyway:
{exp:search:simple_form search_in="everywhere" weblog="not classifieds|commuter|issue_tracker|page_flip|weather" results="10"}
Search: <input type="text" name="keywords" value="" class="text" size="15" maxlength="100" style="height:13px" /> <input type="submit" value="GO" class="button" />
<a href="http://{path=search/index}">{site_url}/themes/site_themes/butterfly/icon_magnify.jpg</a>
{/exp:search:simple_form}That seems to generate an extra line below the form in IE because (from what I can tell) EE wraps the form into a DIV and IE seems to put line breaks after DIVs. It works fine in Firefox (of course).
#4 / Oct 26, 2007 1:49pm
Here is a work around that I discovered. Not sure why EE adds the <div> container around the search form.
#5 / Oct 26, 2007 5:57pm
Thanks grantmx but no luck. It’s that I’m getting an extra line break after every DIV tag in IE. I don’t think I was clear but this isn’t just happening on this form but anytime there is a DIV tag, IE decides to put an extra line below it. I’m sure I haven’t been the only one to run into this!
#6 / Oct 26, 2007 6:54pm
Hmmmm. Never had that happen before…
I know we cant login to your secure server, but can you post the code that EE spits out?
#7 / Oct 26, 2007 6:56pm
And is it after every <div> tag on the page or every <div> tag that is wrapped in an EE tag?
#8 / Oct 29, 2007 1:24pm
<form method="post" action="searchresults.php" >
<div>
<input type="hidden" name="ACT" value="19" />
<input type="hidden" name="XID" value="c9082a479e0afd50f31107621f59d35aad1ab15f" />
<input type="hidden" name="RP" value="search/results" />
<input type="hidden" name="NRP" value="" />
<input type="hidden" name="RES" value="10" />
<input type="hidden" name="status" value="" />
<input type="hidden" name="weblog" value="not issue_tracker" />
<input type="hidden" name="search_in" value="everywhere" />
<input type="hidden" name="where" value="all" />
</div>
Search: <input type="text" name="keywords" value="" class="text" size="15" maxlength="100" style="height:13px" /> <input type="submit" value="GO" class="button" />
</form>It appears to be happening with all DIV tags, not just the ones wrapped in an EE tag.
#9 / Oct 29, 2007 2:52pm
Can you post more code beyond the form that it’s happening on?
#10 / Oct 29, 2007 4:10pm
Here’s the code that surrounds the form. Anyone mention a word about tables and the bunny gets it! :p
<tr>
<td colspan="6">
<table cellpadding="0" cellspacing="0">
<tr>
<td width="320" class="topnav_test">
• <a href="http://{path=info/contact}">Contact Us</a> • <a href="http://{path=info/about}">About Us</a>
• <a href="http://{path=info/advertise}">Advertise</a> • <a href="http://{path=info/index}">Sitemap</a>
</td>
<td width="340" class="topnav_test">
| <b><a href="http://{path=info/subscriber}">Subscriber Services</a> •
<a href="http://{path=info/eedition}"><font color="#FF9900">E-Edition</font></a></b> |
</td>
<td width="290" align="right" class="topnav_test">
{exp:search:simple_form search_in="everywhere" weblog="not issue_tracker" results="10"}
Search: <input type="text" name="keywords" value="" class="text" size="15" maxlength="100" style="height:13px" /> <input type="submit" value="GO" class="button" />
{/exp:search:simple_form}
</td>
</tr>
</table>
</td>
</tr>#11 / Oct 29, 2007 9:59pm
Yeah, was about to say….
Ok, I need you to post one more thing. Can you post what EE spits out that contains all of those divs, besides the one in the search form? I want to compare the two.
#12 / Oct 30, 2007 12:02pm
Thy spit…
<tr>
<td colspan="6">
<table cellpadding="0" cellspacing="0">
<tr>
<td width="320" class="topnav_test">
• <a href="http://www.mysite.com/index.php/info/contact/">Contact Us</a> • <a href="http://www.mysite.com/index.php/info/about/">About Us</a>
• <a href="http://www.mysite.com/index.php/info/advertise/">Advertise</a> • <a href="http://www.mysite.com/index.php/info/">Sitemap</a>
</td>
<td width="340" class="topnav_test">
| <b><a href="http://www.mysite.com/index.php/info/subscriber/">Subscriber Services</a> •
<a href="http://www.mysite.com/index.php/info/eedition/"><font color="#57ace9">E-Edition</font></a></b> |
</td>
<td width="290" align="right" class="topnav_test">
<form method="post" action="http://www.mysite.com/index.php" >
<div>
<input type="hidden" name="ACT" value="19" />
<input type="hidden" name="XID" value="e662aff932728bd7c697e28eeacf9bb4372bbcfc" />
<input type="hidden" name="RP" value="search/results" />
<input type="hidden" name="NRP" value="" />
<input type="hidden" name="RES" value="10" />
<input type="hidden" name="status" value="" />
<input type="hidden" name="weblog" value="not issue_tracker" />
<input type="hidden" name="search_in" value="everywhere" />
<input type="hidden" name="where" value="all" />
</div>
Search: <input type="text" name="keywords" value="" class="text" size="15" maxlength="100" style="height:13px" /> <input type="submit" value="GO" class="button" />
</form>
</td>
</tr>
</table>
</td>
</tr>#13 / Oct 30, 2007 1:11pm
Ok, for some reason I thought EE created extra divs throughout your whole document. Not just the form.
Try this. Add an id to your search form, You’ll have to change it to advanced search form.
{exp:search:advanced_form id="something" search_in="everywhere" weblog="not issue_tracker" results="10"}And then remove all padding and margins by styling the id:
#something{
margin:0px;
padding:0px;
}See if that fixes the problem. Or it could be your….*cough*..tables…*cough* *cough*.
#14 / Oct 30, 2007 1:34pm
That did the trick! Thanks so much! I’m curious though - why the switch to advanced? Will a simple form not hold a style id/class?
#15 / Oct 30, 2007 1:42pm
Sweet! 😉
Nope. Only the advanced tag has the id parameter associated with it.