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
> >
>
>
>
>
>
>

Similar Messages

Remove spacing between div tags

Is it possible to remove the spacing between div tags? If so
how do you do it?

Can you just post a link to the page rather than the mangled
poo that the
webforum hands us? (see below)
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"lockw" <[email protected]> wrote in message
news:[email protected]...
> Here is the code I am working with. i am trying to
remove the spacing
> between
> the header and the left and right navigation.
>
> <!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>Untitled Document</title>
> <style type="text/css">
> 
> </style>
> </head>
>
> <body>
>
> <div id="container">
> <div id="header">
> <p class="style1">Header</p>
> <p> </p>
> <p> </p>
> </div>
> <div id="left">
>
>
<a href="#">Pharma</a></li>
>
<a href="#">Diversity</a></li>
>
<a href="#">Marketing</a></li>
>
<a href="#">Sales</a></li>
>
<a href="#">Money</a></li>
>
<a href="#">Stock</a></li>
>
</li>
>
<a href="#">Advertising</a></li>
>
</li>
> <p>lklkmklml</p>
>
> </div>
>
> <div class="style2" id="right">
> <div id="rightnavtop">
>
>
<a href="#">Real Estate</a></li>
>
<a href="#">Commercial Real Estate</a>
>
>
<a href="#">Recruitmen</a></li>
>
> </li>
>
> </div>
> <p><br />
> <br />
> <br />
> <br />
> <br />
> <br />
> <br />
> <br />
> <br />
> <br />
> <br />
> <br />
> <br />
> <br />
> <br />
> <br />
> <br />
> </p>
> <p> </p>
> <p> </p>
> <p> </p>
> <p><br />
> </p>
> </div>
> <div id="main">
>
> <p>The main content will go here The main content
will go here The main
> content will go here The main content will go here The
main content will
> go
> here The main content will go here The main content will
go here The main
> content will go here The main content will go here The
main content will
> go
> here The main content will go here The main content will
go here The main
> content will go here The main content will go here The
main content will
> go
> here The main content will go here The main content will
go here The main
> content will go here The main content will go here The
main content will
> go
> here The main content will go here The main content will
go here The main
> content will go here The main content will go here The
main content will
> go
> here The main content will go here The main content will
go here The main
> content will go here The main content will go here The
main content will
> go
> here The main content will go here The main content will
go here The main
> content will go here The main content will go here The
main content will
> go
> here The main content will go here The main content will
go here The main
> content will go here The main content will go here The
main content will
> go
> here The main content will go here The main content will
go here The main
> content will go here The main content will go here The
main content will
> go
> here The main content will go here The main content will
go here The main
> content will go here The main content will go here The
main content will
> go
> here The main content will go here The main content will
go here The main
> content will go here The main content will go here
<br />
> </p>
> <p> </p>
> <p><br />
> <br />
> <br />
> <br />
> </p>
> </div>
> <div id="footer">
> <p>
<br />
> Advertising Categories: <a
href="#">Residential Real Estate</a> |
> <a
> href="#">Commercial Real Estate</a> | <a
href="#">Recruitment</a> | <a
> href="#">Small Business</a> | <a
href="#">Automotive</a> | <a
> href="#">Franchise</a> | <a
href="#">Legal</a> | <a href="#">Obituary</a>
> | <a
> href="#">Online Verticals</a></p>
> <p>
Audience: <a href="#">Profiles</a> | <a
> href="#">Circulation</a> |
> <a href="#">Testimonials</a> </p>
> <p>
Solutions: <a href="#">Small Advertiser</a> |
<a
> href="#">Medium
> Advertiser</a> | <a href="#">Larger
Advertiser</a>| <a
> href="#">Advertisment
> Dimensions</a></p>
> <p>
Purchase Now: <a href="#">Purchase
Now</a></p>
> </div>
> </div>
> </body>
> </html>
>
>

Spacing between divs

I am having trouble spacing the divs on my page. I would like to have some div's stacked one on top of the other and in dreamweaver they look fine but in the browser it looks like the browser is not correctly displaing the margins and padding... any suggestions?

You also have several HTML errors, such as name="" and closing </p> with no corresponding opening <p>
http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.applesenglish.com%2FZone%2Fba se1.html
And some broken CSS
In div.css, .menudiv is missing its closing }.
In rssstyles.css, you have an extra closing } on line 52 and a spurious . (dot) on line 65.
http://jigsaw.w3.org/css-validator/validator?profile=css21&warning=0&uri=http%3A%2F%2Fwww. applesenglish.com%2FZone%2Fbase1.html
Mark A. Boyd
Keep-On-Learnin' :-)
This message was processed and edited by Jive.
It shall not be considered an accurate representation of my words.

Unwanted line spacing between rows

Tables have 0 borders, cell spacing and padding. I use DW
MX2004, pc platform xp windows. I have 3 rows, inserted a
navigation bar,. There is extra "spacing" between the rows above
and below my navigation bar. What is the problem??? See page :
www.sodapopscott.com/index2.htm ??octoberben

You need to zero out the cellpading and cellspacing.
Highlight your main
table and make sure you enter 0 in those fields in the
property inspector,
so that you have:
<table width="770" border="0" cellpadding="0"
cellspacing="0">
Leaving those fields blank does not mean they are set to
zero, you need to
implicitly set them to 0..
Nadia
Adobe� Community Expert : Dreamweaver
http://www.csstemplates.com.au
- CSS Templates | Free Templates
http://www.perrelink.com.au
- Web Dev
http://www.DreamweaverResources.com
- Dropdown Menu Templates|Tutorials
http://www.adobe.com/devnet/dreamweaver/css.html
"octobrben" <[email protected]> wrote in
message
news:e6lqos$e8m$[email protected]..
>I use DW MX2004, pc platform xp windows. I have 3 rows,
inserted a
>navigation
> bar,. There is extra "spacing" between the rows above
and below my
> navigation
> bar. What is the problem??? See page :
www.sodapopscott.com/index2.htm
> ??octoberben
>

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
>

How to Increase Spacing between characters in textfield

Hi Guys,
I need some kind of solution. I have a textField which I am using to getPassword( I don't want to use JPassword Field) because of older JVM.
suppose TextField is 15 characters wide and number of charactes I want to allow is 5 so I want an "*" then 2 spaces.
Is there any way I can create Custom character( like "* ") or any function to increase spacing between two chars in jtextField.
following are two ideas I have
1. get a char and append multiple white spaces after each char
2. create another class with multiple textfield with spaces between each textfield.
If you guys have any other easy way around.
I would really appriciate your help.

<!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>Untitled Document</title>
<style type="text/css">
#wrapper {
width: 980px;
margin: 0 auto;
.dottedLine {
position: relative;
width: 980px;
.left {
float: left;
width: 740px;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 20px;
letter-spacing: 0;
margin-bottom: 20px;
.right {
float: left;
width: 235px;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 11px;
letter-spacing: 0;
text-align: right;
padding: 1em 5px 0 0;
margin-bottom: 20px;
.dots {
position: absolute;
left: 0;
top: 20px;
letter-spacing: 6px;
width: 980px;
overflow: hidden;
</style>
</head>
<body>
<div id="wrapper">
<p class="dottedLine"><span class="left">Bringing brand design into the art fair</span><span class="right">March 30, 2012</span><span class="dots">............................................................................ ......................</span></p>
<p>Some text goes here</p>
<p class="dottedLine"><span class="left">Bringing brand design into the art fair</span><span class="right">March 30, 2012</span><span class="dots">............................................................................ ......................</span></p>
<p>Some text goes here</p>
</div>
</body>
</html>

Spacing between on page in wbe page composer

Below is the code, I am using to define a rowspan.
<table width="100%" valign="top" cellspacing="10">
<tbody align="top">
<tr>
<td rowspan="3" width ="20%" valign = "top" cellpadding="20%" >
                                                 <div><wpc:container id="m3"/></div>
                                                   <div><wpc:container id="m6"/></div>
                                                  <div><wpc:container id="m9"/></div>
</td>
</tr>
</table>
But, when I add content to these containers. I don't see cell spacing. Can anyone suggest me. How I have the spacing between them.

Hi,
Try with following code
<table width="100%" valign="top" cellspacing="10">
<tbody align="top">
<tr>
<td rowspan="3" width ="20%" valign = "top" cellpadding="20%" >
<wpc:container id="m3"/>&nbsp &nbsp &nbsp
<wpc:container id="m6"/>&nbsp &nbsp &nbsp
<wpc:container id="m9"/>&nbsp &nbsp &nbsp
</td>
</tr>
</table>
_Vishal

Pages 5: Spacing between bullets (not line spacing)

How can I control the spacing between bullets?
1. I clearly see how to control the spacing around a bullet relevant to its text. That's not what I'm referring to.
2. I clearly see how to set line spacing. That's not what I'm referring to.
What I'd like to do is keep a line spacing of 1.0 on the text, but add padding between list items (between bulleted content). The method in Pages '09 was to add buffer space "after the paragraph" (or before). However, in Pages 5.0 this option does not exist. Some of my bullets have enough content that wraps, which is why line spacing is not an acceptable solution.
How can I control spacing between bulleted list items, such that each chunk of content is better separated?
Thank you!

Silly me. I have located it, by expanding the Spacing menu. The control I'm looking for is right there.
I've included a screencap, in case anyone else misses the obvious like I have. Thanks for looking!

ABAP webdynpro how to give spacing between the UI Elements in a view

Hi Expert,
I am very new to webdynproapplication development. I am stuck in changing the look of the ui elements of the view.
Cud anyone explain how to set the spaces between the UI Elements on a View is there any method ?
I have set the Layout property to Matrix layout. But here I am unable to set the spacing between the deffernet elements as it is taking it automaticaaly and I am not able to allign all the Elements.
Need your help!.............thank you
Moderator message: wrong forum, please have a look in the dedicated "Web Dynpro ABAP" forum.
Edited by: Thomas Zloch on Apr 15, 2011 10:17 PM

Hi anushree.,
If u are using matrix layout:
In Layout Data select MatrixHeadData to display UI in next line.,
If u want to give space between UI elements in the width enter 50, 60, 70 or what ever space u want.
Also in the vGutter u can select medium , large , medium with rule to give space between UI elements.
n if u want to give space between lines ., in the height enter 30 40 or whatever spacing between lines u want.,
Matrix layout is a good layout., and u can play with colspan , hAlign, vAlign, vGutter, width and height options.,
If u dont like the layout with these options then use Grid layout., where u can give custom spacing., with the help of Left Padding, Right Padding, Top Padding, Bottom Padding.
reply if u need some more clarifications.,
Thanks & Regards
Kiran

Lightbox Slideshow adjust spacing between thumbnails

Hi
This is actually a two part question -
1. I want to give a collage look to my slideshow, without any spacing between thumbnails. How can I remove all the space between thumbnails.
2. For all the thumbnails I want -"Fit the frame proportionally" and for all the big lightbox images I want "Fit Content proportionally" so that vertical and horizontal images are not cropped in the Lightbox view. How can I do that for all the images together rather than going one by one.
Thanks in advance.
-MP

Hi MP,
For your 1st request, the Thumbnails (containers that hold the thumb images) cannot be resized individually and maintain same dimensions for all the thumbnails. For this reason, even though you can remove all spacing between Thumbnails by selecting the Thumbnail Container and specifying H and V Gutter in the Spacing Panel to 0 -- if your slideshow images are of mismatched dimensions and proportions and you have Fit Content Proportionally selected as the Fitting option, then there will be an inevitable space around the thumb images either vertically or horizontally. You can work around that by using the Fill Frame Proportionally option.
For your 2nd request. you can choose the appropriate option in the Flyout menu for "New Hero" and "New Thumbnail" options BEFORE adding the new images to the slideshow. The selection you make here will be applicable for images that you add after setting this option. So the appropriate workflow would be to setup your slideshow the way you want, then choose the appropriate option for New Hero and New Thumbnail and then add all your images to the slideshow.
If you want fine grained control over thumbnail and images, you may look at Composition Widgets which allow you to manually place and size all content individually and still allow you to use the composition as a slideshow upon publishing.
Thanks,
Vikas

How to maintain spacing between 2 elements in webdynpro

Hi Experts,
I got 3 pushbutton. I am using matrix layout but spacing(distance) between 3 of these elements is not uniform.
Please help me to make spacing between them to be uniform.
Thanks & Regards,
Niki

Hi Niki,
Use Vgutter property of buttons, use medium or large to make distance between buttons.
OR
Use Invisible UI Element and place between buttons it will give gap, give width of invisible element to move.
Cheers,
Kris.

Spacing between letters

HI friends,
we are currently involving in scripts upgradation from 4.6c to Ecc 6.0.
we are facing a small problem that there is a spacing between letters , when we upgrade the document in Ecc6.0.
could u pls help me how to overcome this problem.
Hope u are undestood my query.
Thanks & Regards
ravi

Hi, anji
I have checked the font attributes, but its same in both 4.6c and Ecc6.0.
Could u pls let me know, is there any other reason.
Thanks & regards
ravi.

Spacing between lines is not consistent!

Dear co-community members,
I am a happy Pages user since a couple of months, but I just discovered a weird thing and that is: the spacing between the lines is not consistent! I am typing my document with margins left and right: 2,25 upper and under: 2,00. I use Helvetica Neue Light in 10. And I have tried several spacings: 1,15 - 1,3 - 1,35 - 1,4 but the spaces between the lines are not consistently as big or as small as they need to be.
I discovered this when I was test printing it and I saw something was off - on paper, I thought it was my printer. But I also checked the document again: spacing was 'the same' in the whole document according to the info window. But I could see it with my bare eyes that it was not consistent (on screen nor on paper). I put the screen on 200% and I took a ruler and the spaces vary with 1mm when for example the spacing is set on 1,3. I don't think this is normal and I cannot find any solution nor explanation for it.
I am using a MBP Retina 13" late 2012 and I have the most updated/recent version of Pages/OSX. Please let me know whether I did something wrong or are my eyes just too good hahah - or it is an 'error' in Pages .
Kind Regards,
Ning.

@PeterBreis0807 & @Barry
I actually don't have any objects or other material/fonts in my text (yet) that are not uniform size . I wanted to make a print screen from a part of my text, but I am not sure if I am allowed to post that here since I am typing a literature review with references.
I btw do have headings in small capital (Helvetica Neue - Medium), it might not be Helvetica Neue Light also but I have never had problems with headings in another font causing inconsistent spacing between the rest of my text .
Thank you for your reply!
Ning.

TextField and CSS: How to control spacing between paragraphs

I'm using an external CSS to format a textField that has some
HTML text in it, let's say something similar to this:
myTextField.htmlText = "<p>paragraph
one</p><p>paragraph two</p>";
How can I control the spacing between paragraphs when there
is no support for margin-top or margin-bottom? I don't want to add
empty <p> or <br /> elements to my text since they
don't allow exact control and insert too much space. Is there any
good solution?
Thanks

I think rob day's suggestion has merits too. Either way I
don't see any other way but inserting an extra element that adjusts
the spacing somehow.
Yes, it sucks that the majority of styling declarations are
not supported but, on the other hand, it is not such a big deal to
insert an element especially with the powerful XML tools in AS3.
You can create a function that will preprocess all XML "page"
nodes and insert an extra <p> tag after each <p> tag
(see attached code)
I did not check if code works - it is just a concept.
The same approach can be taken with rob's suggestion but
inside the <p> element that comes with the XML.

Get Spacing between the two elements

Hi,
I have two groups and a table in in my layout .
In groups I have two input fields each
I want to provide the spacing between the groups.
How to do the above,
Edited by: SAP LEARNER on Nov 12, 2009 12:29 PM

hi ,
insert INVISIBLE element bewtween ur two groups
http://help.sap.com/saphelp_nwmobile71/helpdata/en/0f/f08841e3af1609e10000000a155106/content.htm
keep the layout like this :
Group1 ( MAtrix Head Data ) , n INVISIBLE ELEMENT(s) ( Matrix Data) , Group2 ( MAtrix Data )
u can find example in the Web Dynpro Application WDR_TEST_UI_ELEMENTS.
also refer the related threads:
Re: webdynpro abap
Re: Not able to display fields in new line while designing form?
n the other alternative ( though I wud recommend u to go with the first alternative ) , is insert a Text View UI and in the TEXT property of the UI , do not enter any text
regards
amit
Edited by: amit saini on Nov 12, 2009 1:01 PM

Unwanted spacing between divs in IE

Similar Messages

Maybe you are looking for