Unwanted Space in DIVs

Hi --
I have two problems with this page:
http://www.practice.thelegatogroup.com/test.html.
Hopefully, someone can
help me out.
First, in the DIVS #tagline and #navigation I have unwanted
space at the
bottom when viewed in IE6. I've been over things a number of
times but
can't isolate the problem.
Second, in the DIV #navigation I have unwanted space between
the "learn" and
"discover" buttons in IE6.
How do I get rid of the spacing at the bottom of those DIVS
and between
those two buttons?
Thanks,
John

Thanks to you both for your help. The page looks much better
now.
John
"Tarvardian" <[email protected]> wrote in
message
news:fc3vel$sdr$[email protected]..
> Hi --
>
> I have two problems with this page:
>
http://www.practice.thelegatogroup.com/test.html.
Hopefully, someone can
> help me out.
>
> First, in the DIVS #tagline and #navigation I have
unwanted space at the
> bottom when viewed in IE6. I've been over things a
number of times but
> can't isolate the problem.
>
> Second, in the DIV #navigation I have unwanted space
between the "learn"
> and "discover" buttons in IE6.
>
> How do I get rid of the spacing at the bottom of those
DIVS and between
> those two buttons?
>
> Thanks,
> John
>

Similar Messages

Unwanted spaces between images

while using adobe dreamweaver i created a page with a image
at the top, then one below it with rollover images, then one more
below that. and everything should fit together like its one image.
and it does so in internet explorer, but not firefox. it looks like
this :
http://i2.photobucket.com/albums/y13/Down_The_Rabbit_Hole/Untitled-1copy-5.jpg
can someone please tell me how to get rid of that unwanted
space?
the code is also below.

The problem is caused by the fact that images are inline
tags. This means
that they are rendered in an 'inline text box'. An inline
text box reserves
space for descenders below the baseline of the text, and
that's what is
causing the gaps you are seeing in FF - which is rendering
the images
properly (it's IE that is not).
Margins/padding won't affect this. You can, however make
those images have
the CSS style of display:block. That will remove that
'descender' space,
but it will apply to every image on the page, so you will
need to add an
appropriate selector to the rule so that you select only the
desired images.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"emmageeeee" <[email protected]> wrote in
message
news:[email protected]...
> while using adobe dreamweaver i created a page with a
image at the top,
> then
> one below it with rollover images, then one more below
that. and
> everything
> should fit together like its one image. and it does so
in internet
> explorer,
> but not firefox. it looks like this :
>
http://i2.photobucket.com/albums/y13/Down_The_Rabbit_Hole/Untitled-1copy-5.jpg
> .
>
>
> can someone please tell me how to get rid of that
unwanted space?
> the code is also below.
>
>
>
>
>
> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
> "
http://www.w3.org/TR/html4/strict.dtd">
> <html>
> <head>
> <title>untitled</title>
> <meta http-equiv="content-type" content="text/html;
charset=iso-8859-1">
> <meta name="generator" content="HAPedit 3.1">
> <style type="text/css">
> html,body{margin:25;padding:0}
> body{
> background-color:#486CB3;
> background-image:url("bg.gif");
> font: 76% arial,sans-serif;
> text-align:left
> }
> p{margin:0 0px 0px}
> a{
> display:block;
> color: #FFFFFF;
> padding:0px
> }
>
> div#header h1{height:80px;line-height:80px;margin:0px;
> padding-left:10px;}
>
> div#container{text-align:left;}
>
> div#content p{line-height:1.4}
>
> div#navigation{font-family: verdana, arial, sanf-serif;
> font-size: 12px; margin: 0;
> padding: 0;
> list-style-type: none;}
>
> div#extra{background:#FF8539}
> div#footer p{margin:0;padding:5px 10px}
>
> div#container{width:700px;margin:0 auto}
> div#content{float:right;width:700px}
>
> div#extra{float:right;width:500px}
> div#footer{clear:both;width:100%}
> </style>
> <script type="text/javascript">
> 
> </script>
> </head>
> <body
>
onLoad="MM_preloadImages('homeh.gif','chicksh.gif','dudesh.gif','contacth.gif','
> infoh.gif','carth.gif')">
> <div id="container">
> <div id="header">
> <div align="left"><a href="#"
onMouseOut="MM_swapImgRestore()"
>
onMouseOver="MM_swapImage('Image4','','homeh.gif',1)"><img
> src="header.jpg"
> width="700" height="70" border="0"
longdesc="header.jpg"></a><a href="#"
> onMouseOut="MM_swapImgRestore()"
>
onMouseOver="MM_swapImage('Image4','','homeh.gif',1)"><img
src="home.gif"
> name="Image4" width="106" height="39" border="0"
align="left"></a><a
> href="#"
> onMouseOut="MM_swapImgRestore()"
>
onMouseOver="MM_swapImage('Image5','','chicksh.gif',1)"><img
> src="chicks.gif"
> name="Image5" width="106" height="39" border="0"
align="left"></a><a
> href="#"
> onMouseOut="MM_swapImgRestore()"
>
onMouseOver="MM_swapImage('Image6','','dudesh.gif',1)"><img
> src="dudes.gif"
> name="Image6" width="106" height="39" border="0"
align="left"></a><a
> href="#"
> onMouseOut="MM_swapImgRestore()"
>
onMouseOver="MM_swapImage('Image7','','contacth.gif',1)"><img
> src="contact.gif"
> name="Image7" width="106" height="39" border="0"
align="left"></a><a
> href="#"
> onMouseOut="MM_swapImgRestore()"
>
onMouseOver="MM_swapImage('Image8','','infoh.gif',1)"><img
src="info.gif"
> name="Image8" width="106" height="39" border="0"
align="left"></a><a
> href="#"
> onMouseOut="MM_swapImgRestore()"
>
onMouseOver="MM_swapImage('Image9','','carth.gif',1)"><img
src="cart.gif"
> name="Image9" width="170" height="39"
border="0"></a><img src="main.jpg"
> border="0" align="middle" usemap="#Map">
> <map name="Map"><area shape="rect"
coords="20,196,186,221" href="#"
> target="_self" alt="go now" usemap="#cool"
border="0">
> </map></div>
> <div id="footer">
> <CENTER>
> &copy your mom.
>
> </div>
> </div>
> </body>
> </html>
>

Unwanted space at op

I have about half an inch of unwanted space at the top of the browser window. Its just filled with the page's background colour. I checked in the page properties - all margins are set to zero. So how do I fix this with Css? I've looked in the code and there are no transparent gifs taking up space or anything.
It looks fine in the design view but when I preview in the browser the space appears.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>MTBNZ</title>

<link href="../css/basic.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="../p7pm/p7popmenu.js"></script>
<style type="text/css" media="screen">

</style><br />

</head>
<body onload="P7_initPM(1,12,1,-20,10)">
<div align="center">
<table width="850" border="0" align="center" cellpadding="0" cellspacing="0">
    <tr>
    <td align="center"><div align="right"><img src="../images/hdr3.jpg" alt="MTBNZ header" width="850" height="174" align="middle" /></div></td>
</tr>
<tr> </tr>
<tr> </tr>
<tr>
    <td><table width="760" border="0" align="right" cellpadding="0" cellspacing="0" bgcolor="#C6CD8F">
      <tr>
        <td valign="top" bgcolor="#C6CD8F"><ul id="p7PMnav">
          <li><a href="#"><strong>Home</strong></a></li>
          <li><a href="#" class="p7PMtrg"><strong>News</strong></a>
              <ul>
                <li><a href="#">Link 2.1</a></li>
                <li><a href="#" class="p7PMtrg">Link 2.2</a>
                    <ul>
                      <li><a href="#">Link 2.2.1</a></li>
                      <li><a href="#">Link 2.2.2</a></li>
                      <li><a href="#">Link 2.2.3</a></li>
                    </ul>
                </li>
                <li><a href="#">Link 2.3</a></li>
              </ul>
          </li>
          <li><a href="#" class="p7PMtrg"><strong>Events</strong></a>
              <ul>
                <li><a href="#">Link 3.1</a></li>
                <li><a href="#">Link 3.2</a></li>
                <li><a href="#">Link 3.3</a></li>
              </ul>
          </li>
          <li><a href="#"><strong>Clubs</strong></a></li>
          <li><a href="#" class="p7PMtrg"><strong>Resources</strong></a>
              <ul>
                <li><a href="#">Coaching</a></li>
              </ul>
          </li>
          <li><a href="#"><strong>Trails</strong></a></li>
          <li><a href="#"><strong>Contacts</strong></a></li>
          <li><a href="#" class="p7PMtrg"><strong>BikeNZ</strong></a>
              <ul>
                <li><a href="#">Ridestrong</a></li>
              </ul>
          </li>
          
          
          
        </ul></td>
        </tr>
      <tr>
        <td valign="top" bgcolor="#C6CD8F">header graphic region</td>
        </tr>
      <tr>
        <td valign="top" bgcolor="#C6CD8F">main content region</td>
      </tr>
    </table></td>
</tr>
</table>
</div>
</body>
</html>

Unwanted space when working with tables

I have created a layout using tables (in CS4), and when I top align the tables containing images and text, it leaves a large, blank, unwanted space at the bottom. I am unable to resize the tables accordingly to eliminate the space, how can I fix this? Here's an image

Unfortunately, I'm not familiar with coding for CSS. If I was able to layout a site with CSS the way I had envisioned, I totally would have, I just don't know how. Any suggestions? Anyways, here's my code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>The Crisis // Crew</title>
<style type="text/css">

</style>
<style type="text/css">

</style>
<script type="text/javascript">

</script>
</head>
<body onload="MM_preloadImages('Photoshop/Animation/Top_r2_c4_f3.jpg','Photoshop/Animation/Top_ r2_c4_f2.jpg','Photoshop/Animation/Top_r2_c4_f4.jpg','Photoshop/Animation/Top_r2_c8_f3.jpg ','Photoshop/Animation/Top_r2_c8_f2.jpg','Photoshop/Animation/Top_r2_c8_f4.jpg','Photoshop /Animation/Top_r2_c10_f3.jpg','Photoshop/Animation/Top_r2_c10_f2.jpg','Photoshop/Animation /Top_r2_c10_f4.jpg','Photoshop/Animation/Top_r3_c2_f3.jpg','Photoshop/Animation/Top_r3_c2_ f2.jpg','Photoshop/Animation/Top_r3_c2_f4.jpg','Photoshop/Animation/Top_r3_c6_f3.jpg','Pho toshop/Animation/Top_r3_c6_f2.jpg','Photoshop/Animation/Top_r3_c6_f4.jpg')">
<table width="870" border="0" align="center" cellpadding="0" cellspacing="3">
<tr>
    <td><table border="0" cellpadding="0" cellspacing="0" width="870">
      
      <tr>
        <td><img src="Photoshop/Animation/spacer.gif" width="277" height="1" border="0" alt="" /></td>
        <td><img src="Photoshop/Animation/spacer.gif" width="66" height="1" border="0" alt="" /></td>
        <td><img src="Photoshop/Animation/spacer.gif" width="33" height="1" border="0" alt="" /></td>
        <td><img src="Photoshop/Animation/spacer.gif" width="95" height="1" border="0" alt="" /></td>
        <td><img src="Photoshop/Animation/spacer.gif" width="28" height="1" border="0" alt="" /></td>
        <td><img src="Photoshop/Animation/spacer.gif" width="77" height="1" border="0" alt="" /></td>
        <td><img src="Photoshop/Animation/spacer.gif" width="31" height="1" border="0" alt="" /></td>
        <td><img src="Photoshop/Animation/spacer.gif" width="107" height="1" border="0" alt="" /></td>
        <td><img src="Photoshop/Animation/spacer.gif" width="18" height="1" border="0" alt="" /></td>
        <td><img src="Photoshop/Animation/spacer.gif" width="117" height="1" border="0" alt="" /></td>
        <td><img src="Photoshop/Animation/spacer.gif" width="21" height="1" border="0" alt="" /></td>
        <td><img src="Photoshop/Animation/spacer.gif" width="1" height="1" border="0" alt="" /></td>
      </tr>
      <tr>
        <td colspan="11"><img name="Top_r1_c1" src="Photoshop/Animation/Top_r1_c1.jpg" width="870" height="195" border="0" id="Top_r1_c1" alt="" /></td>
        <td><img src="Photoshop/Animation/spacer.gif" width="1" height="195" border="0" alt="" /></td>
      </tr>
      <tr>
        <td colspan="3"><img name="Top_r2_c1" src="Photoshop/Animation/Top_r2_c1.jpg" width="376" height="1" border="0" id="Top_r2_c1" alt="" /></td>
        <td rowspan="3"><a href="artists.html" target="_top" onclick="MM_nbGroup('down','navbar1','Top_r2_c4','Photoshop/Animation/Top_r2_c4_f3.jpg',1 );" onmouseover="MM_nbGroup('over','Top_r2_c4','Photoshop/Animation/Top_r2_c4_f2.jpg','Photos hop/Animation/Top_r2_c4_f4.jpg',1);" onmouseout="MM_nbGroup('out');"><img name="Top_r2_c4" src="Photoshop/Animation/Top_r2_c4.jpg" width="95" height="52" border="0" id="Top_r2_c4" alt="" /></a></td>
        <td colspan="3"><img name="Top_r2_c5" src="Photoshop/Animation/Top_r2_c5.jpg" width="136" height="1" border="0" id="Top_r2_c5" alt="" /></td>
        <td rowspan="2"><a href="gallery.html" target="_top" onclick="MM_nbGroup('down','navbar1','Top_r2_c8','Photoshop/Animation/Top_r2_c8_f3.jpg',1 );" onmouseover="MM_nbGroup('over','Top_r2_c8','Photoshop/Animation/Top_r2_c8_f2.jpg','Photos hop/Animation/Top_r2_c8_f4.jpg',1);" onmouseout="MM_nbGroup('out');"><img name="Top_r2_c8" src="Photoshop/Animation/Top_r2_c8.jpg" width="107" height="51" border="0" id="Top_r2_c8" alt="" /></a></td>
        <td rowspan="3"><img name="Top_r2_c9" src="Photoshop/Animation/Top_r2_c9.jpg" width="18" height="52" border="0" id="Top_r2_c9" alt="" /></td>
        <td rowspan="3"><a href="contact.html" target="_top" onclick="MM_nbGroup('down','navbar1','Top_r2_c10','Photoshop/Animation/Top_r2_c10_f3.jpg' ,1);" onmouseover="MM_nbGroup('over','Top_r2_c10','Photoshop/Animation/Top_r2_c10_f2.jpg','Phot oshop/Animation/Top_r2_c10_f4.jpg',1);" onmouseout="MM_nbGroup('out');"><img name="Top_r2_c10" src="Photoshop/Animation/Top_r2_c10.jpg" width="117" height="52" border="0" id="Top_r2_c10" alt="" /></a></td>
        <td rowspan="3"><img name="Top_r2_c11" src="Photoshop/Animation/Top_r2_c11.jpg" width="21" height="52" border="0" id="Top_r2_c11" alt="" /></td>
        <td><img src="Photoshop/Animation/spacer.gif" width="1" height="1" border="0" alt="" /></td>
      </tr>
      <tr>
        <td rowspan="2"><img name="Top_r3_c1" src="Photoshop/Animation/Top_r3_c1.jpg" width="277" height="51" border="0" id="Top_r3_c1" alt="" /></td>
        <td rowspan="2"><a href="index.html" target="_top" onclick="MM_nbGroup('down','navbar1','Top_r3_c2','Photoshop/Animation/Top_r3_c2_f3.jpg',1 );" onmouseover="MM_nbGroup('over','Top_r3_c2','Photoshop/Animation/Top_r3_c2_f2.jpg','Photos hop/Animation/Top_r3_c2_f4.jpg',1);" onmouseout="MM_nbGroup('out');"><img name="Top_r3_c2" src="Photoshop/Animation/Top_r3_c2.jpg" width="66" height="51" border="0" id="Top_r3_c2" alt="" /></a></td>
        <td rowspan="2"><img name="Top_r3_c3" src="Photoshop/Animation/Top_r3_c3.jpg" width="33" height="51" border="0" id="Top_r3_c3" alt="" /></td>
        <td rowspan="2"><img name="Top_r3_c5" src="Photoshop/Animation/Top_r3_c5.jpg" width="28" height="51" border="0" id="Top_r3_c5" alt="" /></td>
        <td rowspan="2"><a href="crew.html" target="_top" onclick="MM_nbGroup('down','navbar1','Top_r3_c6','Photoshop/Animation/Top_r3_c6_f3.jpg',1 );" onmouseover="MM_nbGroup('over','Top_r3_c6','Photoshop/Animation/Top_r3_c6_f2.jpg','Photos hop/Animation/Top_r3_c6_f4.jpg',1);" onmouseout="MM_nbGroup('out');"><img name="Top_r3_c6" src="Photoshop/Animation/Top_r3_c6.jpg" width="77" height="51" border="0" id="Top_r3_c6" alt="" /></a></td>
        <td rowspan="2"><img name="Top_r3_c7" src="Photoshop/Animation/Top_r3_c7.jpg" width="31" height="51" border="0" id="Top_r3_c7" alt="" /></td>
        <td><img src="Photoshop/Animation/spacer.gif" width="1" height="50" border="0" alt="" /></td>
      </tr>
      <tr>
        <td><img name="Top_r4_c8" src="Photoshop/Animation/Top_r4_c8.jpg" width="107" height="1" border="0" id="Top_r4_c8" alt="" /></td>
        <td><img src="Photoshop/Animation/spacer.gif" width="1" height="1" border="0" alt="" /></td>
      </tr>
    </table></td>
</tr>
<tr>
    <td width="870" bgcolor="#161616"><table width="870" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="605" bgcolor="#FFFFFF" Valign="top"><table width="870" border="0" cellspacing="10" cellpadding="0">
          <tr>
            <td width="572"><table width="553" border="0" cellspacing="0" cellpadding="5">
              <tr>
                <td width="300" valign="top"><img src="Crew-Photo" width="300" height="451" /></td>
                <td width="235" valign="top"><span class="bodytext">Andy Madeleine - Director/ Producer/ Editor <br />
Adam Rock - Assitant Director<br />
Jacob Kubon - Director of Photography<br />
Justin Dixon - Sound <br />
Vaughn Greathouse - Grip</span></td>
              </tr>
            </table>
              <p> </p>
              <p> </p>
              <p> </p>
              <p> </p>
              <p> </p>
              <p> </p>
              <p> </p>
              <p> </p>
              <p> </p>
              <p> </p>
              <p> </p></td>
            <td width="268" valign="top"><table width="268" border="0" align="center" cellpadding="2" cellspacing="0">
              <tr>
                <td bgcolor="#666666" class="center">About</td>
                </tr>
              </table>
              <span class="bodytext"><br />
                The Crisis is more than just a documentary film, it is an alliance of hip-hop artists, fans, and likeminded individuals who are interested in preserving the integrity of the hip-hop community, and maintaining hip-hop as an art.
                Commercial music has taken over the mainstream, and in doing so, created a channeled, often negative image of hip-hop. The Crisis will attempt to educate the uninformed, discredit stereotypes, and push for a positive image surrounding hip-hop culture. <br />
                <br />
                </span>
              <table width="268" border="0" align="center" cellpadding="2" cellspacing="0">
                <tr>
                  <td bgcolor="#666666" class="center">Get Involved!</td>
                  </tr>
                </table>
              <span class="bodytext"><br />
                Interested in getting involved? Become part of the project or help us promote! Artists, film-makers, or fans, send e-mails to: <a href="mailto:[email protected]">[email protected]</a><br />
                <br />
                </span>
              <table width="268" border="0" cellspacing="0" cellpadding="2">
                <tr>
                  <td bgcolor="#666666" class="center">Follow The Crisis</td>
                  </tr>
                </table>
              <table width="100" border="0" align="center" cellpadding="5" cellspacing="0">
                <tr>
                  <td><a href="http://www.facebook.com/pages/The-Crisis-Film/120240911333083" target="_blank"><img src="facebook_button_11.jpg" width="35" height="35" alt="Facebook" /></a></td>
                  <td><img src="twitter-button copy.jpg" width="35" height="35" alt="Twitter" /></td>
                  <td><img src="YoutubeButton.jpg" width="35" height="35" alt="YouTube" /></td>
                  </tr>
                </table>
              <p> </p>
              <p> </p>
              <p> </p></td>
          </tr>
          </table>
          <img src="Photoshop/Bottom_stamp.jpg" width="870" height="100" /></td>
        </tr>
    </table></td>
</tr>
</table>
<div align="center"><span class="Arial"><a href="index.html">Home</a> I <a href="artists.html">Artists</a> I <a href="crew.html">Crew</a> I <a href="gallery.html">Gallery</a> I <a href="contact.html">Contact</a><br />
Copyright © 2010 Andy Madeleine. All Rights Reserved.<br />
</span></div>
</body>
</html>

Need help-confused on top margin space with div in sidebar div

Hello,
I have tried for hours to figure out what is affecting the margin of the top right div #first_ad which is contained in #sidebar2. Right now I have that div first nav with 10px top that looks like 30 in IE7 and 40px in iIE8 (chrome, firefox are fine). I have tried 0 margin on p and h tags and other things to lord only knows what else. I just cannot see what is affecting this.
If I could understand this it would be of great help as I seem to run into this alot with placing a div in a sidebar. I start out by using the dreamweaver templates in cs4 as my base.
Here is the link to the page.
http://www.hanovertypocraft.ca/test2/index3.html
Thank you for any assistance you may give me!!
below is the css
@charset "UTF-8";
body {
margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
padding: 0;
text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
color: #FFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
background-color: #000;
background-image: url(../images/hantypbg2.jpg);
background-repeat: no-repeat;
.thrColFixHdr #container {
width: 900px;
text-align: left; /* this overrides the text-align: center on the body element. */
margin-top: 50px;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
background-image: url(../images/container_bkgd.png);
background-repeat: no-repeat;
.thrColFixHdr #header {
padding: 0;
height: 110px;
margin: 0px;
clear: none;
float: left;
width: 740px;
.thrColFixHdr #header h1 {
margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
.thrColFixHdr #sidebar1 {
float: left; /* since this element is floated, a width must be given */
width: 165px; /* padding keeps the content of the div away from the edges */
display: inline;
.thrColFixHdr #container #sidebar1 p {
margin: 0px;
padding: 0px;
#header #head_logo_text {
height: 110px;
width: 355px;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 225px;
color: #FFF;
font-size: 18px;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
clear: none;
float: left;
margin-right: 0px;
padding: 0px;
#header #head_logo_text a {
color: #FFF;
#header #head_logo_text p {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
line-height: 21px;
margin: 0px;
padding: 0px;
.thrColFixHdr #container #header img {
margin: 0px;
padding: 0px;
#nav_home {
width: 135px;
padding: 0px;
margin-right: 15px;
margin-bottom: 0px;
margin-left: 15px;
height: 320px;
margin-top: 10px;
.thrColFixHdr #sidebar2 {
float: right; /* since this element is floated, a width must be given */
width: 140px; /* padding keeps the content of the div away from the edges */
margin-right: 10px;
padding: 0px;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
background-color: #00F;
.thrColFixHdr #container #sidebar2 h1 {
margin: 0px;
padding: 0px;
.thrColFixHdr #container #sidebar2 p img {
margin: 0px;
padding: 0px;
.thrColFixHdr #container #sidebar2 p {
margin: 0px;
padding: 0px;
#mainContent {
margin-top: 10px;
margin-right: 160px;
margin-bottom: 0;
margin-left: 175px;
padding-top: 0;
padding-right: 10px;
padding-bottom: 0;
padding-left: 10px;
#mainContent p {
font-family: Arial, Helvetica, sans-serif;
text-align: center;
font-weight: normal;
font-size: 16px;
line-height: 20px;
margin: 0px;
padding: 0px;
#mainContent #flash_div {
width: 353px;
margin-right: auto;
margin-left: auto;
border: 3px solid #000;
height: 265px;
overflow: hidden;
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
float: right;
margin-left: 8px;
.fltlft { /* this class can be used to float an element left in your page */
float: left;
margin-right: 8px;
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
#sidebar2 #first_ad {
height: 140px;
margin-top: 10px;
margin-bottom: 10px;
border: 1px solid #000;
#sidebar2 #second_ad {
height: 140px;
margin-top: 10px;
margin-bottom: 10px;
border: 1px solid #000;
#sidebar2 #third_ad {
height: 140px;
margin-top: 10px;
margin-bottom: 10px;
border: 1px solid #000;
#sidebar2 #fourth_ad {
height: 140px;
margin-top: 10px;
margin-bottom: 10px;
border: 1px solid #000;

Thank you.
I am relatively new at this and you guided me to google the patch and how to overrice it using - padding 10px !important; on my css which let me override the fixes padding.
I was under the misconception that the IE fix being in grey was only for information not actually pertinent.
Again thanks and I will try to research more regarding the implimentation of these patches

Unwanted space in table {subject edited by moderator}

When I create a table, and insert text inside it with the "Vert" setting in "default," I am getting a lot of space between the top of the table and the beginning of my text that appears on the web but does not appear in my Dreamweaver WYSIWIG editor on my PC. When I change the "Vert" setting to "top," I no longer see unwanted space between the top of the table and the beginning of my text, but I still get a lot of space between the bottom of my text and the bottom of my table when I look at my web page in an Internet browser. How do I fix this?

Hi
We usually need to see ALL your code to solve your issue quickly and accurately without a lot of guessing and questions back-and-forth.
Just rename a copy of your problem page (such as "test.html") and upload it to your server, in whatever folder the original page was located, and simply post a link in the Forum and tell us your problem.
This saves you having to cut and paste miles of code into the Forum for the page and all the dependent CSS, JS etc. files.and saves us from having to recreate all your files, find your images and then repair your code and test the solution for you.
May we trust that you are not using tables as a page layout Modern techniques only use tables for data.
Remove any heights in your table and text should only push down based on the content.
I trust this is helpful.

Unwanted spaces in embeded font

Hello... (this post was prevously published in the general
discussion)...
I am new to this and started pocking around with a non-system
font. It appears nice, it works nice, as long as I don't embed
it...When I embed it, in some sets of chars like "saúde" I get
something like "saú de", or "próximo" gets Pró
ximo".
This happens whether I create the field in AS3 or in the
stage ( and only as long as I activate the "embed" option on this
particular field)
What can I do for these unwanted spaces to go away? use a
felt tip marker on my screen?
My code is this:
Attach Code
// sets the format
var noticiaPgSumarioFormat:TextFormat = new TextFormat();
noticiaPgSumarioFormat.font = "Mic 32Regular";
noticiaPgSumarioFormat.color = 0x626363;
noticiaPgSumarioFormat.size = 11;
noticiaPgSumarioFormat.kerning = true;
noticiaPgSumarioFormat.letterSpacing = 0;
//creates the textfield
noticiaPgSumario = new TextField();
noticiaPgSumario.name = "noticiaPgSumario"+i+"_mc";
noticiaPgSumario.embedFonts = true;
addChild(noticiaPgSumario);
noticiaPgSumario.alpha = 0;
noticiaPgSumario.x = 431;
noticiaPgSumario.y = 135;
noticiaPgSumario.width = 350;
noticiaPgSumario.wordWrap = true;
noticiaPgSumario.antiAliasType = AntiAliasType.ADVANCED;
noticiaPgSumario.text = xmlList
.children()[1];
noticiaPgSumario.setTextFormat(noticiaPgSumarioFormat);

funny... this doesn't happen on a windows install...
damn!

Unwanted space before the footnote reference

In my document, which has hundreds of footnotes, in some places, in the text, before the superscripted numbers that are the references to the footnotes there is an unwanted space. How can get rid of the spaces in one step? If it's with Find/Change - how do I do this? If not, how is this done?

find-change grep
find: \s(?=~F)
change: leave empty

How to remove unwanted spaces in a string

Hi all,
    Iam taking a txt field txt50 which is containing many unwanted spaces between words in it. and i want to remove all unwanted spaces between words. Please tell me the solution it.

Hi,
     TRY THIS
DATA : TEXT(50) VALUE 'My name is Roshan Lilaram Wadhwani',
       LEN TYPE I,
       POS TYPE I,
       COUNTER TYPE I,
       V_CH,
       V_SPACE VALUE ' ',
       V_TXT(30),
       V_TXT2(20).
COMPUTE LEN = STRLEN( TEXT ).
DO LEN TIMES.
V_CH = TEXT+POS(1).
IF V_CH EQ SPACE.
COUNTER = COUNTER + 1.
ENDIF.
IF COUNTER LT 3.
CONCATENATE V_TXT V_CH INTO V_TXT.
ELSE.
CONCATENATE V_TXT2 V_CH INTO V_TXT2.
ENDIF.
POS = POS + 1.
ENDDO.
WRITE : / V_TXT.
WRITE : / V_TXT2.
<b>Reward points</b>
Regards

CSS wierds - spaces between div tags

Safari v4.0.4
I'm seeing spaces between div tags that are not appearing in FF3.x or IE7&8
I have inspected these tags and I can not locate where or what might be pushing the div's appart..
Example: http://dev7.esonicspider.net/facility_overview.html
Notice the black bar under "Prepare For Frequent Infection Control...." sub title in the header
The image is 800x209px and the div is defined as the same:
div#splashfacilityov { position:relative;
background:url('images/facility_header.jpg') 0 0 no-repeat;
width:800px;
height:209px;}
..the next div in the stack is:
div#submenubar { position:relative;
background:url('images/submenu_bkgr.jpg') 0 0 no-repeat;
width:800px;
height:24px;}
I have played around with both and can not see why that 20px bar is there between the two div's
Any hints as to what Safari needs here..??
Thanks John...

Found that
@charset "UTF-8";
in the style sheet was the main problem..

Migration from RH7 to RH8 : HTML tag ignored introduced unwanted space

Dear All,
When migrating from RoboHelp 7 to 8, looks like there is an unwanted space introduced in the <ignored> tag.
Looks like the space is introduced by the RoboHelp 8.
HTML Help file build by RH 7 (OK)
<ignore>conf<ignore/>
HTML Help file build by RH8 (Not Good)
The <ignored> tag is transformed to the following :
<?rh-ignored text="cfg" ?> conf</span>
Please advice. We prefer to keep the <ignore> tag
Thanks
Song

I have move this to the RoboHelp HTML forum as it is a problem with your source topics rather than Microsoft HTML Help (CHMs).
I don't think that particular one has been reported before but I think the quick solution is to use Find and Replace in Files and search on
<?rh-ignored text="cfg" ?> (with a space after)
and replace with
<?rh-ignored text="cfg" ?> (without the extra space).
Go to Edit > Find and Replace in Files.
See www.grainge.org for RoboHelp and Authoring tips
@petergrainge

Space between DIV with image and DIV with image background

I have just about finalized the new design on my website. The only issue I am having now is on the gallery page. There is a thin space between a DIV with an image and DIV with an image background. I am using these DIV's to give the illusion of a blue border. If you look at any of the other main pages on the site the space is not there. Any ideas?
http://liquidfirefishing.com/index.php
http://liquidfirefishing.com/gallery/main.php
Here are a couple of screenshots to show exactly what I mean.

Hello,
both my "IE8" and my "FF 7.01" show the blue boundary lines. Here my screenshots, left side IE8, right side FF:
Header 1
Header 2
Hans-Günter

Problem with remogin of unwanted space on page ?

Hi members,
hoep everbody doing nice.
i have one problem.
on my template, i am hiding some raws based on condition in grouping.
so in that grouping raws which satisfied condition only that are display.
but problem, group raws which are not satisfied, in place of that it shows unwanted blank space.
how can i remove that spaces ?
any help is greatly appreciated.
thanks.

How did you hide it ?
you would have written if condition.
<?for-each-group:ROW ?>
<?if: ./NAME !='D' or ./AGE > 100 ?>display the rows here. <?end if?>
<?end for-each?>follow this approach
Filter the rows while grouping.so that the blank rows wont be displayed.
<?for-each-group:ROW[./NAME !='D' or ./AGE > 100 ] ?>
display the rows here.
<?end for-each?>

Unwanted space around SWF inserts

This seems pretty easy but I can't find the problem. I am updating older sites and re-inserting swf animations. On every site the header wraps around to a second row when I insert the swf. I have a link to an example page below. These older sites were built with nesting table and I am rebuilding them with div tags. I have checked the margins and padding, that all adds up, but the browser IE keeps wrapping the images. What am I missing?
http://www.hoggysmarket.com/storeWindham.html

I see what you mean in Chrome, Safari and Firefox. It appears that you are trying to measure it out just exactly and because of that, the browser does not see enough space, thus you end up with your current result. I would recommend getting rid of the table and doing the following:
<div id="logobar"><div class="float_right">insert flash code here</div></div>....[goes on to menu bar code]
Then combine, img_3629, header_logo, and header_info into one image and do the following with your CSS:
#logobar {
background: url(path/to/new_logo_banner.ext) #FFF left top no-repat;
.float_right {
float: right;
That will align your swf file on the right, and put the background images as one image as the background of that header. Should give you the result you want and eliminates the table from your header.

Unwanted spacing between divs in IE

I'm in the beginning stages of laying out a website in CSS
and I have already ran into a problem. I have a "header" div and a
"nav" div stacked directly on top of each other. When I test in
firefox everything looks fine, but in IE there is a space that I
can not make disappear for the life of me.
Here are links to the page and the CSS file:
http://www.sethglass.net/luster/lusters_temp.html
http://www.sethglass.net/luster/css/001.css
Help is greatly appreciated!!! Thank you

Image tags are inline tags. Being inline, they are rendered
in 'text
boxes'. Text boxes have space at the bottom for glyph
descenders, like on
"g" or "j" (and space at the top, too). By making that image
display:block,
you remove the space requirement.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"sgl0ss" <[email protected]> wrote in
message
news:e35f5g$a5s$[email protected]..
> Thank you!!! Could you please explain this to me? If you
have time.
>
>
> Originally posted by: Newsgroup User
> Add this to your stylesheet -
>
> #header img { display:block; }
>
> --
> Murray --- ICQ 71997575
> Adobe Community Expert
> (If you *MUST* email me, don't LAUGH when you do so!)
> ==================
>
http://www.dreamweavermx-templates.com
- Template Triage!
>
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
>
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
>
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
> ==================
>
>
> "sgl0ss" <[email protected]> wrote in
message
> news:e35ctb$5tm$[email protected]..
> > I'm in the beginning stages of laying out a website
in CSS and I have
> > already
> > ran into a problem. I have a "header" div and a
"nav" div stacked
> > directly on
> > top of each other. When I test in firefox
everything looks fine, but in
> > IE
> > there is a space that I can not make disappear for
the life of me.
> >
> > Here are links to the page and the CSS file:
> >
http://www.sethglass.net/luster/lusters_temp.html
> >
http://www.sethglass.net/luster/css/001.css
> >
> > Help is greatly appreciated!!! Thank you
> >
>
>
>
>
>
>

Unwanted Space in DIVs

Similar Messages

Maybe you are looking for