Gap between divs, but only in IE6

I created a page at
http://www.gruenconstruction.com/gallerycontemporary.htm
with a top, middle and bottom div (mainly). For some reason, in IE6
there's a huge gap between the middle and bottom divs. It looks
perfect in Opera, IE 7 and FF. I can't figure this out.

Here I am at home. Can anyone help me out with this? Also,
does anyone know where I can get the exe file for IE6 so I can test
against it?

Similar Messages

Gaps between divs tags in IE8

I designed a custom Facebook welcome page in DW and transfered it to FB. According to BrowserLabs, it looks fantastic on every browser and platform except IE8, which shows horizontal gaps between each div. I have tried and tried and can not find a solution. Thank you so much for your help.
http://www.facebook.com/RiverCoyoteDesign
Here is the entirety of the code:
<style type="text/css">
#wrapper {
    margin: 0px auto;
    padding: 0px;
    width: 520px;
    height: 703px;
.like-us {
    height: 112px;
.quote {
    height: 112px;
    width: 157px;
    float: left;
a img {border:none;}
.bot-nav {
.below-like {
    height: 55px;
.clearfloat {
margin: 0px;
clear: both;
height: 0px;
}.web-design {
    height: 171px;
.below-web {
    height: 57px;
.logo-design {
    height: 211px;
.below-logo {
    height: 43px;
.nav {
    background-color: #050c0f;
</style>
<div id="wrapper">
<div>
<div class="like-us"><img src="http://rivercoyotedesign.com/fb-graphics/mock1b-rev1-flattened_01.jpg" width="363" height="112" /><a href="http://www.rivercoyotedesign.com/quote.htm" target="_blank"><img src="http://rivercoyotedesign.com/fb-graphics/mock1b-rev1-flattened_02.jpg" width="157" height="112" /></a></div>
</div>
<div class="below-like"><img src="http://rivercoyotedesign.com/fb-graphics/mock1b-rev1-flattened_03.jpg" width="520" height="55" /></div>
<div class="web-design"><a href="http://www.rivercoyotedesign.com/portfolio.htm" target="_blank"><img src="http://rivercoyotedesign.com/fb-graphics/mock1b-rev1-flattened_04.jpg" width="520" height="171" /></a></div>
<div class="below-web"><img src="http://rivercoyotedesign.com/fb-graphics/mock1b-rev1-flattened_05.jpg" width="520" height="57" /></div>
<div class="logo-design"><a href="http://www.rivercoyotedesign.com/logos.htm" target="_blank"><img src="http://rivercoyotedesign.com/fb-graphics/mock1b-rev1-flattened_06.jpg" width="520" height="211" /></a></div>
<div class="below-logo"><img src="http://rivercoyotedesign.com/fb-graphics/mock1b-rev1-flattened_07.jpg" width="520" height="43" /></div>
<div class="nav">
    <div class="bot-nav"><a href="http://www.rivercoyotedesign.com/portfolio.htm" target="_blank"><img src="http://rivercoyotedesign.com/fb-graphics/bot-nav-flat1_01.png" width="162" height="19" /></a><a href="http://www.rivercoyotedesign.com/logos.htm" target="_blank"><img src="http://rivercoyotedesign.com/fb-graphics/bot-nav-flat_02.png" width="131" height="19" /></a><a href="http://www.rivercoyotedesign.com/enews.htm" target="_blank"><img src="http://rivercoyotedesign.com/fb-graphics/bot-nav-flat_03.png" width="227" height="19" /></a></div>
<div class="bot-nav2"><a href="http://www.rivercoyotedesign.com/business-cards.htm" target="_blank"><img src="http://rivercoyotedesign.com/fb-graphics/bot-nav-flat_04.png" width="221" height="37" /></a><a href="http://www.rivercoyotedesign.com/ecommerce.htm" target="_blank"><img src="http://rivercoyotedesign.com/fb-graphics/bot-nav-flat_05.png" width="124" height="37" /></a><a href="http://www.rivercoyotedesign.com/" target="_blank"><img src="http://rivercoyotedesign.com/fb-graphics/bot-nav-flat_06.png" width="175" height="37" /></a></div></div>
</div>

"BruceCSI2" <[email protected]> wrote in
message
news:fgnj8t$pan$[email protected]..
>I set up this demo page,
http://www.mistchild.com/gruen/index.htm
and there
>are
> gaps between divs when viewed in IE, but not Opera or
FF. The weird thing
> is,
> they show up between the themepic div and the nav div,
and between the
> content
> div and bottom div, but not between the nav div and the
content div. I've
> set
> top margins of 0 for all divs in my stylesheet.
> Can anyone help me figure this one out?
Your construct is really "weird", try this:
#nav,#content,#bottom{float:none}
img{vertical-align:bottom}
If that fixes your problem, then you can simply *remove* the
float
declarations from your sheet.
As a side note, you should try to keep things as simple as
possible. I'm
sure you can safely remove "position:relative" from many
rules. Also, there
is no need to set a width on DIVs that are not floats (their
natural
behavior is to fill the the parent container).
HTH,
Thierry
Articles and Tutorials:
http://www.TJKDesign.com/go/?0
http://www.divahtml.com/products/scripts_dreamweaver_extensions.php
- divaGPS - Add "you are here" highlighting to virtually any
menu
- divaFAQ - Create FAQ pages that toggle (show/hide) the
answers
- divaPOP - Easy, clean, standards-compliant popup windows.

Gap Between Divs Problem

Can anyone help me figure out why my div named "#indexThmbs" is not sitting flush to the div above it named "#indexHeader1"
The purple body background color is coming through and I dont know why. There are no top/bottom margins on either divs so there should be no gap between the divs...I have no clue why this is happening.
I have posted the links to how the page SHOULD look (my JPG mock up)....
http://vojodesign.com/proofs/ARM/home.html
...and also my HTML file with the problem I'm talking about....
http://vojodesign.com/proofs/ARM
Thanks in advance.
Kit

Hi Kit,
I made a quick look and it's quite messy or at least seems that your css needs to be optimized. Anyway a fast solution would be in #indexThmbsInner with your margin-top:65px change it to 0 like:
#indexThmbsInner {
height:130px;
margin-left:auto;
margin-right:auto;
margin-top:0;
width:900px;
Also you declare many classes that do the same thing, so you can do this:
.indexThmb1, .indexThmb2, .indexThmb3, .indexThmb4 {
float:left;
margin-left:12px;
margin-top:65px; /* Notice I added the margin-top:65px; here */
text-align:center;
width:195px;
.indexThmb1 {
margin-left:12px;
.indexThmb2 {
margin-left:32px;
.indexThmb3 {
margin-left:33px;
.indexThmb4 {
margin-left:31px;
Probably there would be better ways to do it but as I mention it was just a quick look, also I haven't checked in IE just in FF but hope it helps
Cheers

Gap between divs issue when switching doc to html5

I have a banner div w/image and a nav bar div immediatly below it, both at 100% of container at 960px. I now have an annoying gap of about 5px between the two. I had switched the doc from xhtml 1.0 transitional to html5. When I switch the doc type back to 1.0, the gap goes away. Does anyone know why this might happen? Could it be because I'm not using the html5 tags, like <nav>? I thought that using an html5 doc type does not replace the option to use the older html tags, but maybe I'm wrong. The code is below. Thank you.
<div id="banner"><img src="images/imageone.jpg" width="959" height="132" alt="alt text"/>
</div>
<div id="navbar">
    <ul id="site_nav" class="MenuBarHorizontal">
      <li><a href="index.php">Main</a></li>
      <li><a href="wp/index.php">Blog</a></li>
      <li><a href="datasources.html">Data</a></li>
<li><a href="about.php">About</a></li>
      <li><a href="contact.php">Contact</a> </li>
    </ul>
</div>

Quahog68 wrote:
Could it be because I'm not using the html5 tags, like <nav>? I thought that using an html5 doc type does not replace the option to use the older html tags, but maybe I'm wrong. The code is below. Thank you.
Yes, you need to add display: block; to the new html5 tags
<nav>
Whatver
</nav>
nav {
display: block
OOps sorry I read it as though you WERE using html5 tags ....... hmmmm you could still try adding display: block; to the banner and navigation <divs>
I'm also not sure why adding a html5 doctype would cause a gap. Maybe the image in the banner needs setting to display block as well.

I need to add a gap between songs when burning a CD

I just upgraded to iTunes 9.2.0.61, hoping that it would solve my problem. I need to add (yes, ADD) a gap between songs. I'm burning a CD to be used during a performance, and there's a reason that I need 10 seconds of silence after the first song. I believe in previous versions I could add a gap between songs...using Get Info, then Options, but now it just gives me a start and end time for songs. How can I add a 10 second gap between the first two songs?

tcoandkiki wrote:
How can I add a 10 second gap between the first two songs?
Add a track consisting of 10 seconds of silence. I made you one in crystal clear MP3 stereo. You can get it here: http://rcpt.yousendit.com/907964971/c4d2c9e22762a8911f4e431a1e2a4e2c
Just put it in the library and then add it to your playlist wherever you need it.
iTunes lets you add a gap between songs, but only up to 5 seconds, and it has to be the same every time.

How do I vary the gap between songs?

I would like to vary the gap between the songs I burn on a CD. This would be especially useful when recording certain classical pieces. The iTunes Preference for "Gap between Songs" will only let me choose a uniform gap between all tracks. Does anyone know if this gap can be made different between tracks? Thank you. Maria

Sorry, but you may only select the same gap between all tracks (when using iTunes).
If you want o use different gaps between those tracks, you have to switch to a commercial burning application like oast.

DIV and p (Gaps between them).

I'm sure that I'm missing something really obvious here:
I've attached the CSS that I'm using (external).
Using the WYSIWYG view, it's really hard to get it to do what
I want; I seem to have to ensure that I have a space below where I
want to put anything, check that the format is set to "none", then
I can set "start" - & enter my information. Then I can click in
the space, and do the same before entering the contents for "main".
However, if Dreamweaver helpfully adds some paragraph tags,
as it often does, it gives me a gap between "Start" & "main".
I've also found that if I don't have a blank line after the
bit that I'm trying to put in, then I end up with the insertion
point being unable to get "past" the final div tag, so I end up
with a div in a div, which isn't what I want.
I can use the code view to tweak to what I want, but I can't
help feeling that I'm missing something; either that the CSS is
wrong - so I should be able to have two paragraphs in adjoining div
touching each other, or something!
I'd found
http://archivist.incutio.com/viewlist/css-discuss/39227
- which suggested using div > p - but even though I tried with a
line-height of as low as 0.8 it didn't work, so I've obviously got
the wrong end of the stick (wrong stick most likely!)
Emma

Emma,
> I've worked it out! I don't *need* the div tags.
That's right.
> As long as I use p class = and then enter the text, I
can
> then get two different paragraphs to join & look
like a
> single body!
As a matter of fact, you don't even need class="something".
There are
various kinds of CSS selectors. One of them is known as a
class, which
requires the class="" attribute in your HTML and a dot in
front of the class
name in your CSS.
e.g.
.discussMain = { properties here }
Another kind is known as an element selector. That's where
you simply
use the name of an HTML element, such as p, as your selector.
You don't
need a dot, then, in your CSS for that rule.
e.g.
p { properties here }
Keep in mind, if you use an element selector, *all* elements
of that
type will be affected. If you only wanted to affect a dozen
<p> tags, but
not all, you could either give each of them a class attribute
and use a
class selector, *or* you could wrap all those <p> tags
in another tag --
say, a <div> -- then apply your class to the
<div>. This is partly what the
"cascading" means in Cascading Style Sheets.
<div class="something">
<p>paragraph</p>
<p>paragraph</p>
<p>paragraph</p>
</div>
.something p {
properties here
In the above, the HTML shows a way to corral together a
handful of <p>
tags. The CSS references all <p> tags that exist inside
any element whose
class attribute equals "something".
There are other ways to specify which parts of the HTML
should be
affected. See this Wikipedia entry for a good overview.
http://en.wikipedia.org/wiki/Cascading_Style_Sheets
David
stiller (at) quip (dot) net
Dev essays:
http://www.quip.net/blog/
"Luck is the residue of good design."

Gap in between divs in firefox

Hi there.
I'm working on a website and I have tested in both IE 7, and
Firefox v2.
In IE it looks as intended, but in Firefox, there is a gap
between the customer menu (with lime green background), and the Top
Menu bit (above the lime green). The customer menu in the css is
#user_title. The top menu is #topmenu
Similarly, right at the bottom, in between the end of the
content, and the footer, there is a white gap.
I'm not too sure why it is appearing. Below are links to
screenshots of each (sorry I haven't got an upload of the actual
site). Also, i've attached my CSS file to this post.
IE Preview
Firefox
Preview
If anyone can help me get rid of the gaps, that would be
great!
Thanks,
Craig

.oO(craig_shaw)
>I uploaded it to a test server.
>
>The address is
http://www.lindendesign.co.uk/test/templates/header.html
>
>If anyone could help, that would be great.
In your CSS rule for "#user_title h1" change this
margin-left: 10px;
to this
margin: 0 10px;
The gap was caused by the h1 default top margin. Because of a
feature
called collapsing margins it was sticking out of the
#user_title div.
The new declaration takes care of this and sets both the top
and bottom
margin to zero.
BTW: The result in FF was the correct one, IE got it wrong
(as usual).
Micha

How can you use iMessage between 3 iPads with 3 different users but only one Apple ID?

how can you use iMessage between 3 iPads with 3 different users but only one Apple ID?

No you do not need separate Apple ID's in order to use 3 devices with one Apple ID. I use 4 devices to Message and FaceTime and all use the same Apple ID. You do need to add additional email addresses for the other devices.
Look at this very informative video for the instructions.
http://macmost.com/setting-up-multiple-ios-devices-for-messages-and-facetime.htm l

In between my new iPhone and a old one, I used a replacement iPhone. On the replacement phone there were two backups created. I have a new iPhone now, but only the 2 old backups from my replancement phone. How do I get a older backup on my new phone?

In between my new iPhone and a old one, I used a replacement iPhone. On the replacement phone there were two backups created. I have a new iPhone now, but only the 2 old backups from my replancement phone. How do I get a older backup on my new phone?

Not sure where you backup to.
ITunes keeps the latest backup only.
Icloud keeps the 3 last backup.

Between our family,the 5 of us we have 11 devices: 5 ipods, 1 ipad,3 itouches and 1 iphone but only 1 itunes acct. Having problems when we log in-anyway around setting up individual accts for each person?

Within our family, the 5 of us we have 11 devices: 5 ipods, 1 ipad, 3 itouches, and 1 iphone4 {+ a mac laptop} but only 1 itunes account. We are having problems logging into itunes. Friends have said our problem is either: you can only have 5 devices on 1 account or you have home sharing maxed out {we have the itunes loaded on 4 computers + my computer at work}. ... not sure how we can resolve this. Do I have to set each person up with an itunes account? Seems werid my kids under 12 having their own account. please advise.. with the populairty of apple devices, I would think others have this same problem???

jbrooker, I am having a similar issue to roaminggnome, we have 4 windows laptops, 2 iPhones, 5 ipods.
I have the iTunes account and the music Library on my laptop and this is used to sync to my iPhone and 4 iPods = 5 devices.
I have managed to share my library with my wifes laptop and she can access it when my PC is not on, she is also able to sync her iPhone to her laptop. She has her own iTunes account.
My son has an iPod and laptop but no iTunes account, his iPod is synced to my laptop and my iTunes account. But his laptop cannot download my iTunes Library he is getting a message saying that my iTunes account is synced to the maximum of 5 devices. Thus he can only see the library when my laptop is at home (and I take my Laptop to work etc).
Would this problem go away if my son has an iTunes account? He's only 11yo so I'm reluctant to set him up with one just yet.
Any advice would be appreciated.
Cheers.

Gaps between header/footer and main content

I am building upon a website that somebody else previously worked on. When adding to the main content, gaps appear between the header/footer and the content. How can I fix this?
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>
<title>stitch by stitch needlepoint</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="sbs_style.css" rel="stylesheet" type="text/css" />
<style type="text/css">

</style>
</head>
<body bgcolor="#d0e8fb" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table width="732" border="0" cellspacing="0" cellpadding="0" align="center">
<tbody>
<tr>
<td><a href="index.html"><img src="images/logo.gif" alt="stitch by stitch" width="316" height="66" border="0" class="logo" /></a></td></tr></tbody></table>
<table width="732" height="629" border="0" align="center" cellpadding="0" cellspacing="0" id="Table_01">
<tbody>
<tr>
<td colspan="17"><img src="images/bordertop.gif" width="732" height="31" alt="" /></td></tr>
<tr>
<td rowspan="5"><img src="images/events_borderleft.gif" width="36" height="564" alt="" /></td>
<td><img src="images/nav_spacerleft.gif" width="31" height="19" alt="" /></td>
<td><a href="index.html"><img src="images/nav_home.gif" alt="" name="home" width="47" height="19" border="0" id="home" /></a></td>
<td><img src="images/nav_dot1.gif" width="7" height="19" alt="" /></td>
<td><a href="events.html"><img src="images/nav_upcomingevents.gif" alt="" width="114" height="19" border="0" id="events" /></a></td>
<td><img src="images/nav_dot2.gif" width="11" height="19" alt="" /></td>
<td><a href="classes.html"><img src="images/Nav_classes.gif" alt="" width="57" height="19" border="0" id="classes" /></a></td>
<td><img src="images/nav_dot3.gif" width="12" height="19" alt="" /></td>
<td><a href="directions.html"><img src="images/nav_directions.gif" alt="" width="68" height="19" border="0" id="directions" /></a></td>
<td><img src="images/nav_dot4.gif" width="13" height="19" alt="" /></td>
<td><a href="photogallery.html"><img src="images/nav_photogallery.gif" alt="" width="89" height="19" border="0" id="photogallery" /></a></td>
<td><img src="images/nav_dot5.gif" width="12" height="19" alt="" /></td>
<td><a href="customdesign.html"><img src="images/nav_customdesigns.gif" alt="" width="97" height="19" border="0" id="customdesigns" /></a></td>
<td><img src="images/nav_dot6.gif" width="13" height="19" alt="" /></td>
<td><a href="vendors.html"><img src="images/nav_vendors.gif" alt="" width="67" height="19" border="0" id="vendors" /></a></td>
<td><img src="images/nav_spacerright.gif" width="24" height="19" alt="" /></td>
<td rowspan="5"><img src="images/events_borderright.gif" width="34" height="561" alt="" /></td></tr>
<tr>
<td colspan="15"><img src="images/string.jpg" width="662" height="88" alt="" /></td></tr>
<tr>
<td colspan="15"><img src="images/events_hd_upcomingevents.gif" width="662" height="44" alt="" /></td></tr>
<tr>
<td colspan="15" width="662" height="13" bgcolor="#EBECEC"> </td></tr>
<tr>
<td width="662" height="397" colspan="15" bgcolor="#EBECEC" valign="top">
<table width="500" border="0" align="center" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td width="140"><br /></td>
<td align="center"></td></tr></tbody></table>
<p align="left" class="events_boldRed"><span class="style1">Charlie Harper Trunk Show</span></p>
<p align="left"><span class="style2">February 2012</span><span class="events_boldRed"><br />
</span></p>
<p align="left"> </p>
<p align="left"><span class="events_boldRed"><span class="style1">Back to Basics II with Tony Mineri</span></span></p>
<p align="left"><span class="style2">March 12, May 14, June 18 & July 19</span></p>
<p align="left"><span class="style2">9:30-4:00 (lunch will be provided</span></p>
<p align="left"><span class="style2">Space is limited - $350.00</span></p>
<p align="left"> </p>
<p align="left"><span class="events_boldRed style1">Tony Mineri Embellishments</span></p>
<p align="left" class="style2">2012 </p>
<p align="left" class="style2">June 3rd & 4th - Full (waiting list only)</p>
<p align="left" class="style2">November 4th & 5th (limited space available)</p>
<p align="left" class="style2">2013</p>
<p align="left" class="style2">June 9th & 10th </p>
<p align="left" class="style2">October 6th & 7th</p>
<p align="left"><span class="events_boldRed"><br />
</span></p></td>
</tr>
<tr>
<td colspan="17"><img src="images/borderbottom.gif" width="732" height="37" alt="" /></td></tr></tbody></table>
<table width="732" border="0" align="center" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td>
<p align="center"><span class="bottomnav"><a href="index.html">home</a> </span><span class="body_bottomlink">|</span><span class="bottomnav"> <a href="events.html">upcoming events</a> </span><span class="body_bottomlink">|</span><span class="bottomnav"> <a href="classes.html">classes</a> </span><span class="body_bottomlink">|</span><span class="bottomnav"> <a href="directions.html">directions</a> </span><span class="body_bottomlink">|</span><span class="bottomnav"> <a href="photogallery.html">photo gallery</a> </span><span class="body_bottomlink">|</span><span class="bottomnav"> <a href="customdesign.html">custom designs</a> </span><span class="body_bottomlink">|</span><span class="bottomnav"> <a href="vendors.html">vendors </a></span></p></td></tr></tbody></table>
<p> </p>
<p> </p>
<p></p>
<p> </p>
</body>
</html>

This is just a guess, which is what we have to do until we can see the live page, but try changing this -
<p align="left" class="events_boldRed"><span class="style1">Charlie Harper Trunk Show</span></p>
to this -
<p align="left" class="events_boldRed" style="margin-top:0;"><span class="style1">Charlie Harper Trunk Show</span></p>
Does that solve the gap between the header and the main content?
While you're worrying about these gaps, read this -
http://www.apptools.com/rants/spans.php
I see trouble ahead....

Huge gap between icons in menu bar

Lately the menu bar will randomly throw in a huge gap between icons. Initially I thought it was a specific app, but now it's happening with all sorts of random icons there...definitely not the same icon each time.
The icons you see on the left are the ones I launched after the gap appeared.
Restarting my machine seems to be the only solution to removing the gap.
http://share.shpigford.com/images/menubargap-20090323-113604.png
Message was edited by: Josh Pigford

I've tried trashing the prefs for this and have the icons down to just the Apple ones. Then, as I slowly add other menu bar items, they'll start adding the gap directly next to the Apple items.
http://share.shpigford.com/images/menubar-20090507-074520.png
But the thing is, it doesn't matter which items are on the left. Different ones can be next to the gap and it still is there.
Restarting or logging out/in so far has been the only fix (albeit, temporary).

I need to edit out parts of a song to cut it down to two minutes for my daughter's talent show. I went to info and it will cut down one part but only one part. I need to put three parts together. I tried adding duplicates of the song to the list but if I

I need to edit out parts of a song to cut it down to two minutes for my daughter's talent show. I went to info/start time and it will cut down one part but only one part. I need to put three parts together. I tried adding duplicates of the song to the list but if If I change the start time on one it will change it on all of them.

In your library, right-click the song you want to edit.
select "get info".
go to "options" and select the start and stop times for your first section of the song.
click "OK".
Find the shortened version of the song in your library. It may take a minute for it to show up. right click it again and select "create (????) version". (the ???? is different for different formats).
The library will spit out a new, second version of the song which you can rename. I suggest you use the original title and add a 1 to the end.
Now you can go back to the other version and repeat the process with a different start/stop time.
Once you are done editing, you can burn all of your versions to a disk, just make sure your interval time is zero so there are no gaps between edits.
To keep the orginal song on your library, just go back to the original and put the start/stop times back to the original settings.

Gap between objects

I know there are several threads about this but I haven't found a decent answer. I have a logo I'm working on with overlapping shapes, strokes, etc. Everything looks fine in Illustrator but when I export the file to show the client, whether it be a .png, .pdf, .jpg, there is a hairline gap between objects. Is this only a screen issue or will the hairline gap print?

That's right, it's a screen issue. So printing the vector file will be fine.
You have a problem is when you want to show a pixel version to a client.
Place the AI file as a smart object in Photoshop
See my answer here for a solution:
Illustrator divide problem
You can also skip the Photoshop route by using the Rasterise effect in Illustrator and export as .png, jpegs etc.

Gap between divs, but only in IE6

Similar Messages

Maybe you are looking for