IE8 adds extra top margin to li tag

I am noticing that IE8 adds more vertical space (top/bottom margin) between bulleted line items than in Firefox. I am pretty much just controlling this vertical space with the following CSS:
ul {padding-left: 8px;
margin-left: 7px;
margin-top: 0px
li {font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
margin-top: 0px;
margin-bottom: 4px;
color: #666666;
My example of using these tags is:
<li>3/4" Removable foam pad vibrating plate overlay for support and comfort.</li>
                                 <li>Ample foam support grips for maximum safety of various exercise positions.</li>
                                 <li>Wheels for easy moving.</li>
                                 </ul>
Does anyone know why IE8 & Firefox display this differently, and how to fix?

Okay, I'll build for FF, and use a conditional comment for IE only. But I'm still not sure how exactly. I'm actually pretty new at this, so a lot of the code that you originally supplied is a mystery to me. So to keep things simple, let's say hypothetically, that I wanted a conditional comment for IE so that the color looks different in IE only. I tried the following and it didn't work. What am I doing wrong? hopefully won't require replacing a ton of code?
<HTML>
<HEAD>
<TITLE>VB588 Pro Vibration Exerciser for Home or Commercial Use</TITLE>
<META http-equiv=Content-Type content="text/html; charset=iso-8859-1">
<META name="keywords" content="VB588">
<META name="description" content="The">
<META content="MSHTML 6.00.2900.2523" name=GENERATOR>
<style type="text/css">

</style>
</HEAD>
<BODY class="BodyBackground">
<ul>
<li>3/4" Removable foam pad vibrating plate overlay for support and comfort.</li>
<li>Ample foam support grips for maximum safety of various exercise positions.</li>
<li>Wheels for easy moving.</li>
<li>3/4" Removable foam pad vibrating plate overlay for support and comfort.</li>
<li>Ample foam support grips for maximum safety of various exercise positions.</li>
<li>Wheels for easy moving.</li>
<li>3/4" Removable foam pad vibrating plate overlay for support and comfort.</li>
<li>Ample foam support grips for maximum safety of various exercise positions.</li>
<li>Wheels for easy moving.</li>
<li>3/4" Removable foam pad vibrating plate overlay for support and comfort.</li>
<li>Ample foam support grips for maximum safety of various exercise positions.</li>
<li>Wheels for easy moving.</li>
</ul>
</BODY></HTML>

Similar Messages

JAVA mapping using SAX parser adds extra tags

Hi,
We are using java mapping using a SAX parser.It works well in standalone application ie it parses correctly and gets our desired xml structure and the xml is well formed too but when we import it in XI as a jar file it does not throw any errors but adds extra start tags, as a result the output xml is not well formed.XI is adding extra start tags.
If any one else has faced a similar situation please help.
Regards,
Anirban.

Hi Roberto,
Thank you for the response.
As I said, it doesnt throw any error. It is working perfectly in standalone application. But when we deploy it to XI Server, it is not forming the well formed XML. We too are puzzled by this situation.
Okay, i will explain my scenario here.
The following is my input XML to the java pgm..
<Header>
</Header>
<Body>
</Body>
<SubBody1>
</SubBody1>
<SubBody2>
</SubBody2>
<SubBody3>
</SubBody3>
<SubBody4>
</SubBody4>
<Trail>
</Trail>
The desired output is
<Header>
<Body>
<NameChanged1>
<NameChanged2>
<SubBody3>
<SubBody4>
</SubBody4>
</SubBody3>
</NameChanged2>
</NameChanged1>
<Trail>
</Trail>
Just look at the SubBody2 and SubBody1 node, its tag name has been changed in the output XML. Thats y i have decided to use java mapping instead of message mapping.
I have developed the code for everything, i.e for changing the tag name and for forming the nested xml and it is working fine as a standalone application. But while deploying it to XI, the output is not well formed. I dont know the reason for it. Even I have checked the cardinality of the output Data types, that I have created. Its perfectly okay with all.
Any Ideas???
Regards,
Anirban

How to Add extra link at top My dashboard OBIEE page.

Hi folks,
I have a requirement wherein I need to add extra link besides the Answer, dashboards link in the OBIEE my dashboard page. Could you please let me know how to achieve it.
Thanks

Hi,
I think the above customization is kind of normal customization. I am looking add up new link besides Dashboard - Answers - Administration - My Account Tabs and make it functioning. How is it possible to make that happen?
Thanks:
Apurv.

Top Margin Woes: Setting the "Before" Margin for Every Page in a Section

Hi,
I've scoured the forums to no avail on this one. I am trying to create a document where the text in Section 1 appears 1 inch from the top of each page and 2 inches from the top of each page in Section 2. Should be pretty straightforward, right? Please tell me it is! I'm using Pages '09 (version 4.0.5).
Right now, the document margin is set to 1 inch from the Top, so Section 1 is fine. For Section 2, when setting the Before margins after a Layout Break (in the Layout Inspector under the Layout tab), only the first page of that section gets a Before margin of 2 inches. Every page after that in Section 2 is still 1 inch from the top.
Suggested Workaround Attempted
I tried the "Move Object to Section Master" workaround, but the menu item "Format > Advanced > Move Object to Section Master" is disabled when performed on an "inline" object, which is what is required to force the text down from the top of each page in Section 2. Turning it into a "floating" object enables the "Move Object to Section Master" menu item, but since it is floating. the text for that section is not pushed down, the rectangle is just displayed in the background of each page in Section 2.
Any ideas on how to solve my Top margin woes would be much appreciated!

Hello
To push a text down in the text body using the clean way which means setting space after, requires that we have already a paragraph which means a chunk of text ended by a paragraph break.
It's exactly what I do.
Most of the time, we don't put a paragraph break at the end of a header so it's not a paragraph and so, we can't define the space after value.
My tip just gives it the status of paragraph allowing me to define space after the clean way. The dirty one was to insert several returns to adjust the height which I carefully rejected.
It's exactly what we discovered some months ago:
we can't set space before (above) at top of a page because there is no paragraph before (above) in the page.
As far as I know, the "Use Previous Headers and Footers" must always be set correctly. I'm remembering a thread which became huge because the OP can't understand that he had to define these properties correctly to get correct results with his captured pages.
I wish to add that at this time we don't know exactly what the OP want to achieve.
Maybe he want to move down the top of the print area and the header.
You can't do that with your tip.
With mine, I just insert a paragraph break at the beginning of the header.
Yvan KOENIG (VALLAURIS, France) vendredi 8 juillet 2011 17:50:30
iMac 21”5, i7, 2.8 GHz, 4 Gbytes, 1 Tbytes, mac OS X 10.6.8
Please : Search for questions similar to your own before submitting them to the community
To be the AW6 successor, iWork MUST integrate a TRUE DB, not a list organizer !

Good way to give navbar top margin?

Hi!
I'm struggling with a simple issue:
I have a navigation bar inside my wrapper div. I would like to give the navigation bar some top margin to push it down say 10 px from the top of the wrapper div. But the top margin is not working like I would expect.
Here is my code:
<body>
<div id="wrapper">
    <div id="navbar">
    <a href="index.htm">Home</a>
    <a href="products.htm">Products</a>
    <a href="terms.htm">Terms</a>
    <a href="shipping.htm">Shipping</a>
    <a href="about.htm">About us</a>
    <a href="contact.htm">Contact</a>
    </div>
</div>
</body>
#wrapper {
    background-color: #000066;
    min-height:600px;
body {
    margin: 0px;
    padding: 0px;
    color: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
#navbar {
    background-color: #035665;
    width: 80%;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
a:link {
    color: #FFFFFF;
a:visited {
    color: #CCCCCC;
#navbar a {
    margin-right: 8px;
    margin-left: 8px;
What is a good way to push my navigation bar down from the top of the wrapper div?

Add padding top 1px to your wrapper css selector (as shown below)
#wrapper {
    background-color: #000066;
    min-height: 600px;
padding-top: 1px;
Then make the top margin on your 'navbar' 19px if you want it to be 20px in total from the top of the browser window.
What is happening is the margin is collapsing and the wrapper is inheriting the style so you need to create a barrier between the two, the 1px padding does this.
Css works in mysterious and not always seemingly logical way.

IE9 top margin problem

Hi All,
I know this topic has been done to death but I still can't find a fix after many trawling the net.
The layout consists of a background swf file with html on top of that. The html has a centred div and inside that a floating div that I wanted to contain a horz nav bar.
I can position where I want by using top margin, looks correct in FF4 Safari Chrome but IE9 positions it at a different height from the top ie in IE9 the nav bar is higher up the page than it should be, have tried all sorts of tweaks but no luck, could someone have a look at this please.
Thanks in advance
Pete
HTML
<div id="flash">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="100%" height="100%" id="FlashID">
    <param name="movie" value="construction-background.swf" />
    <param name="quality" value="high" />
    <param name="wmode" value="transparent" />
    <param name="swfversion" value="8.0.35.0" />
    
    <param name="expressinstall" value="Scripts/expressInstall.swf" />
    <param name="SCALE" value="exactfit" />
    
    
    <object data="construction-background.swf" type="application/x-shockwave-flash" width="100%" height="100%">
      
      <param name="quality" value="high" />
      <param name="wmode" value="transparent" />
      <param name="swfversion" value="8.0.35.0" />
      <param name="expressinstall" value="Scripts/expressInstall.swf" />
      <param name="SCALE" value="exactfit" />
      
      <div>
        <h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
        <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" /></a></p>
      </div>
      
    </object>
    
</object>
</div>
<div id="wrapper">
    <div id="navbar"></div>
</div>
CSS
body {
    margin: 0px;
#flash {
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 0;
    overflow: hidden;
#wrapper {
    width: 1200px;
    margin-right: auto;
    margin-left: auto;
    position: absolute;
#navbar {
    height: 50px;
    width: 750px;
    position: relative;
    background-color: #666;
    margin-top: 450px;

In it's simplest form, a menu is merely a CSS styled list. Copy & paste the following code into a new, blank document.
<!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=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css">
#navbar {
background:#999;
min-height: 75px;
_height: 75px; /**for pre-IE7**/
width: 750px;
overflow:hidden; /**float containment**/}
#navbar ul,
#navbar li {
margin:0;
padding:0;
list-style:none;
float:left;
font-size: 28px;}
/**links**/
#navbar li a {
display:block;
color: #FFF;
text-decoration:none;
/**space between links**/
padding: 25px;
#navbar li a:visited {color: #CCC;}
#navbar li a:hover,
#navbar li a:active,
#navbar li a:focus {
color: #FFCC00;
text-decoration:underline}
</style>
</head>
<body>

<div id="navbar">
<ul>
<li><a href="#">About</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Clients</a></li>
<li><a href="#">Policies</a></li>
<li><a href="#">Careers</a></li>
</ul>
</div>
<div id="footer">
<p>your footer text goes here</p>
</div>
</body>
</html>
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

Add extra field in alv

Hi experts,
i want to add extra field in alv that is totalprice
the total price = qunatity * price
already quantity and price from data base tables
but the field total price is not from any table..
thanks advans

Hi,
Quantity and Price both are ddic fields.
Define the TOTAL PRICE of the type Price in the final internal table(table to b displayed).
before passing the data / in looping define the logic...
LOOP AT T_SOURCE.
T_FINAL-PRICE = T_SOURCE-PRICE.
T_FINAL-TOL_PRICE = T_FINAL-QTY x T_FINAL-PRICE
ENDLOOP.
Now all the required values are in the final table.
Reward if helpful.
Thanks.

How to print deposit number in top margin and reset pagination eavh change

I am using Report Builder 6.0.8.27.0 against a version 10 database
I have a built a report that works properly. It consists of about 1800 mineral deposits with one main frame cycling on the mineral deposit number and the frame contains a whole bunch of repeating frames containing detail information. Each mineral deposit may be one and 20+ pages long. The report works properly but I need to make the following additions..
1) At present, the mineral deposit number is only displayed on the first page of the report 'segment'. What I would like to do is have the deposit number displayed in the top margin on each page, next to the title but I am not sure how to do this.
I began by creating a field in the top margin, but when I change the Source of the Field (in the property palette) to the deposit number (a database field) I get the following error:
REP-1213: Field 'F-1' references column MDD_NO at a frequency below its group. This is obviously because this is in the margin and the deposit number occurs within the main repeating frame.
Any suggestions how I might do this - I'm afraid I'm not terribly familiar with reports - and don't have any good reference material at my fingertips. (Only the help files and digging through them is painful - especially when one is not sure what one is looking for.)
Any help woule be appreciated.
2) I would also like to create a special page number/sequence where each deposit would have it's own set of pagination
ie.: Deposit-001 page 1
Deposit-001 page 2
etc
and then reset when the deposit number changes
Deposit-002 page 1
Deposit-002 page 2
Basically, the idea is to restart pagination at each change in deposit number and change the deposit number to the current one. Again, I don't know how to do this.
The report will appear as a large pdf - which I know has it's own pagination. The reason I want the Deposit number and it's page sequence to appear in the top margin is to make it easier for the client to identify which pages belong to which deposit when they print out and work with 4 or 5 different deposits sets at the same time.
I realize I can achieve this by printing one pdf for each deposit, but 1800 individual pdf's is a bit much. to handle.
Thanks for whatever help you can give me
Glenn

Hi,
         just populate ur eventcat like this , may be this can help u
form zf_eventcat using    p_it_eventcat type slis_t_event.
data l_eventcat type slis_alv_event.
clear l_eventcat.
*Get all the events.
call function 'REUSE_ALV_EVENTS_GET'
    exporting
      i_list_type     = 0
    importing
      et_events       = p_it_eventcat
    exceptions
      list_type_wrong = 1
      others          = 2.
if sy-subrc <> 0.
    message id sy-msgid type sy-msgty number sy-msgno
         with sy-msgv1 sy-msgv2 sy-msgv3 sy-msgv4.
endif.
TOP-OF-PAGE FORM
clear l_eventcat.
read table p_it_eventcat into l_eventcat with key
                          name = slis_ev_top_of_page.
if sy-subrc = 0.
    move 'ZF_TOP_OF_PAGE' to l_eventcat-form.
    modify p_it_eventcat from l_eventcat index sy-tabix
                                         transporting form.
endif.
PF_STATUS_SET FORM
clear l_eventcat.
read table p_it_eventcat into l_eventcat with key
                          name = slis_ev_pf_status_set.
if sy-subrc = 0.
    move 'ZF_PF_STATUS_SET' to l_eventcat-form.
    modify p_it_eventcat from l_eventcat index sy-tabix
                                      transporting form.
endif.
USER_COMMAND FORM
clear l_eventcat.
read table p_it_eventcat into l_eventcat with key
                           name = slis_ev_user_command.
if sy-subrc = 0.
    move 'ZF_USER_COMMAND' to l_eventcat-form.
    modify p_it_eventcat from l_eventcat index sy-tabix
                                      transporting form.
endif.
endform.                    " zf_eventcat
reward if helpful

Fox Tabs and Add To Top Sites is not working. All my tabs have disppeared right after upgrading. Help!

I upgraded to 11.0 and clicked to open tabs, which will take me to Fox Tabs, but I was unable to click any open. When I clicked Edit, every thing disappeared. When I clicked Done, the screen stated "Saving..." and it stayed like that for more than 5 minutes. I closed that tab and again clicked Open tabs, this time it was blank. When I right click on any page and chose Add To Top Sites nothing appears on Top Sites. I have made this my Home Page and when I click home, Fox Tabs is still blank.

Hi,
You can try to '''Remove''' and then install FoxTab via '''Tools''' ('''Alt '''+ '''T''') > '''Add-ons''' > '''Extensions'''. You can search for FoxTab on the top right search box and install it or install it from the [https://addons.mozilla.org/en-US/firefox/addon/foxtab/?src=search AMO homepage].
[http://www.foxtab.com/support/ Support]

How do I add extra flash memory to My Macbook Air Model MD223

Hi,
I would please like to know if there is any possible way to add extra flash storage to My MacBook Air 11.6" (2012) Model MD223 with 64GB. I am using Mac OS X Mountain Lion 10.8.3
Could I please get some help?
Thanks a lot in advance,
Neelu Saraswatibhatla

Welcome to Apple Support Communities
You can upgrade that, but you will void the warranty. That MacBook Air requires flash storage that it's not sold everywhere, so you can purchase more flash storage at OWC > http://eshop.macsales.com/shop/SSD/OWC/Aura_Pro_Air_2012
You can't install a SSD with the enclosure because it doesn't fit

I need a 3-inch top margin on the first page of my letter and a 1-inch top margin on subsequent pages. How can I do this?

This is so easy in Word but I have spent 2 hours trying to figure it out in Pages. To print on my boss' stationary I need a 3-inch margin on the first page and a 1-inch top margin on the subsequent pages. When I change the top margin on page 2 in Inspector, it changes the top margin on page 1 to 1-inch as well. In Word this is an intuitive, 2-step process.

Hi Dan,
Don't confuse "intuitive" with "what I'm used to."
Pages has "Document" margins, which apply to all pages of the document, and "Layout" margins, which may be set to provide additional margin space in a layout.
Start by setting the Document margins to 1" all around. This is the default setting for the (word processor) Blank templates. You can check it (and adjust it if necessary) in the Inspector. Open an Inspector window (View > Show Inspector). Choose the Document Inspector (first button).
Switch to the Layout Inspector (second button). Remember that you already have a 1 inch top margin, so to produce a 3 inch margin before the beginning of this layout, you'll need to set a 2 inch Layout margin "Before" the layout.
Hmmm... Depending what you're defining as 'steps' for the process in word, and considering that the document margins in Numbers are preset to 1" all around, this appears to be a 1-step process in Numbers:
Step 1: Set the "Before" Layout margin to 2 inches.
Done.
Regards,
Barry

Setting different top margin for first page

I have been trying to set a 5cm top margin for the first page of a thesis chapter and a 2.5 cm top margin for the rest of the pages to conform to requirements. I have set a section break and gone into Inspector to make first page different but I still get any margin changes on the first page through the whole document. I do what HELP says but it isn't working. Anyone help me out before I go troppo?

The easiest way to do this, especially if all the text ina particular chapter is in the same section, is to just set the 'before' value in the Layout Inspector. As text flows from one page to the next, it will conform to the global setting. If you insert a Section Break, the new section will start on a new page and the first line will be down the same amount as your initial chapter page. If you insert a layout break it will also be moved down that initial amount.
If you want to capture this behavior you can capture multiple pages to use as well. Some of the preset templates have multiple pages where the first page has different characteristics than the subsequent pages added when oyur text overflows from the first page.

Printing pdf files made from Filemaker docs on HP 7410 cuts off top margin

Just bought a MacBook Pro and jumped from Tiger to Snow Leopard.
Also bought FileMaker 10 replacing the FileMaker 8.5 I used up till the MacBook Pro purchase and system upgrade.
Still using the same HP 7410, but during installation, I think I remember upgrading the printer driver. At any rate, this HP Printer is now much more responsive. It was previously very slow.
When I now save documents printed as pdf's from filemaker (as I used to) and then try to print them on the HP 7410, they open fine in Preview showing the whole page with no text cut off. But when I press Print in preview and I get the HP driver preview of what will print as part of the print dialogue box, it shows the top margin of the page cut off (down to at least 1/2 ") and actually prints that way. Before the switch to Snow Leopard and the MacBook Pro, a top margin of 1/4 " worked fine and printed in pdf docs.
(top margins of 1/4" on Word & Excel documents I tested still seem to print fine)
I use the borderless printing work-around, but that seems inelegant. It also takes much, much............much longer to print when it's in that mode (even fast draft).
Why is this happening?
Is there a setting I am missing?
Can this be fixed?
Steve

What print driver are you using?
I set my printer to use the open source Gutenprint driver in place of the one supplied with my printer to resolve an issue I was having - see my post http://discussions.apple.com/thread.jspa?threadID=1626340&tstart=0
The Gutenprint home page is http://gutenprint.sourceforge.net/index.php3
Message was edited by: another_steve

How to add a validator to a custom tag

Hello,
I would like to know how to add a validator to my custom tag as an attribute.
<mytags:custom validator=???/>
Thanks.
Sebastien

Are you wanting to use one of the JSF validators or a home brewed one?

How do I add extra pages to template documents in the new version of pages which carry over the same formatting, borders etc?

Hi,
Does anyone know how how to add extra pages to template documents in the new version of Pages which carry over the same formatting, borders, styles etc? In iWorks09, all styles, borders etc just used to carry over to the next page. In the new Pages, this doesn't seem to happen. Unless I'm missing something.
Any help would be appreciated.

Everything is a matter of degree! (Speaking for myself).
Review and rate Pages 5 in the App Store and if you are interested check out all the changes here:
http://www.freeforum101.com/iworktipsntrick/viewforum.php?f=22&mforum=iworktipsn trick
Peter

IE8 adds extra top margin to li tag

Similar Messages

Maybe you are looking for