473,585 Members | 2,512 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

spacing betw paragrs -- FF vs IE..

hi,

I'm having a problem with spacing betw. paragraphs, whether use <br>'s
or <p>'s.. FF inserts so much more space betw. paragraphs than IE does
<br><brshows up differently in FF from how it shows up in IE.. I know
it's better practice to use <pinstead of <br>'s, but FF inserts space
ABOVE paragraph when you use <p>...

any comments about this would be appreciated.. thank you..
Sep 28 '06 #1
5 2394
maya wrote:
hi,

I'm having a problem with spacing betw. paragraphs, whether use <br>'s
or <p>'s.. FF inserts so much more space betw. paragraphs than IE does
<br><brshows up differently in FF from how it shows up in IE.. I know
it's better practice to use <pinstead of <br>'s, but FF inserts space
ABOVE paragraph when you use <p>...

any comments about this would be appreciated.. thank you..
sorry, have one more question about this...

</div(note it's a CLOSE-div tag..) autom. starts whatever comes after
in a new line, right?

and </spandoesn't... is this correct?

thanks again..

Sep 28 '06 #2
maya wrote:
hi,

I'm having a problem with spacing betw. paragraphs, whether use <br>'s
or <p>'s.. FF inserts so much more space betw. paragraphs than IE does
<br><brshows up differently in FF from how it shows up in IE.. I know
it's better practice to use <pinstead of <br>'s, but FF inserts space
ABOVE paragraph when you use <p>...

any comments about this would be appreciated.. thank you..
Don't use <br><br>. Paragraph spacing is not what <bris for. If you're
using those instead of <p>, then you're basically saying that your whole
page is one paragraph. Is it? The purpose of HTML markup is to describe
the structural composition of your document, not to tell the browser
where line breaks go. It's then up to the browser to follow its own
rules for inserting line breaks, applying any CSS rules that have been
defined have the browser and/or the user call for it.

Do you really need paragraphs on your pages to be spaced differently
from paragraphs the user sees on every other page on the Web? That's
unlikely. If you do need to do that, or you need to alter the spacing
for a particular *kind* of paragraph, such as image captions or
footnotes, use the CSS margin properties.
Sep 28 '06 #3
maya wrote:
maya wrote:
>hi,

I'm having a problem with spacing betw. paragraphs, whether use <br>'s
or <p>'s.. FF inserts so much more space betw. paragraphs than IE
does <br><brshows up differently in FF from how it shows up in IE..
I know it's better practice to use <pinstead of <br>'s, but FF
inserts space ABOVE paragraph when you use <p>...

any comments about this would be appreciated.. thank you..

sorry, have one more question about this...

</div(note it's a CLOSE-div tag..) autom. starts whatever comes after
in a new line, right?

and </spandoesn't... is this correct?
By default browsers treat DIV elements as block elements and SPAN
elements as inline elements. This behavior can be altered by CSS using
the display and float properties.
Sep 28 '06 #4
On Thu, 28 Sep 2006, Harlan Messinger wrote:
By default browsers treat DIV elements as block elements and SPAN
elements as inline elements. This behavior can be altered by CSS
using the display and float properties.
The *rendering* can be altered, indeed; but the nesting of these
elements still has to conform to the relevant DTD - there's no way
that the rules of (x)HTML can be modified by CSS in such a way. (Just
in case anyone thought otherwise...)
Sep 28 '06 #5
maya <ma********@yah oo.comwrote:
>I'm having a problem with spacing betw. paragraphs, whether use <br>'s
or <p>'s.. FF inserts so much more space betw. paragraphs than IE does
<br><brshows up differently in FF from how it shows up in IE.. I know
it's better practice to use <pinstead of <br>'s, but FF inserts space
ABOVE paragraph when you use <p>...
You have control over the margins of the paragraph element, but I
strongly recommend that you don't mess with the browser defaults. These
defaults are interdependent, change the margins on one element such as
<pand you'll find that other things then also needs adjusting. Unless
you know exactly what you are doing this commonly results in you having
margin issues all over the place and having to add frequent classes in
the markup in an attempt to combat these issues.

Usually a <pelement has a default top and bottom margin, but since
vertical margins normally collapse this rarely causes "double" margins.
In cases where the bottom margin of the block element above the
paragraph isn't adjacent to the paragraph's top margin, for example when
a border on either element prevents the margins from being adjacent,
this causes the margins no longer to collapse and may result in an
unwanted margin.

The best thing to do is to leave it, don't get to anal about the exact
position. You should expect certain rendering differences, this is
perfectly normal, attempting to force an 100% identical display across
various browsers almost always results in the introduction of other,
more serious issues. Plus as noted before you end up driving yourself
potty in your attempts to exert such precise control.

Don't fight this flexibility, it is a strength.

--
Spartanicus
Sep 28 '06 #6

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

0
3448
by: Hal Vaughan | last post by:
I'm testing a GUI app on a couple Linux boxen and one Win2k box. I'm using Java 1.4.2 on each (or the closest on Win2k -- whatever version comes close). On one Linux box and the Win2k box the line spacing is very close (for example, when I use HTML in JLabels, or even in JTextAreas), but on the other Linux box, the line spacing is much...
12
39100
by: Rick DeBay | last post by:
I'm trying to create a layout table, where the spacing between rows varies. I've tried using setting margin-top and border-top for the rows I wan't spaced down from the one above, and I've also tried setting it on all of the cells of that row. This hasn't worked, so I was wondering if anyone knew how it could be done. Thanks, Rick DeBay
7
7107
by: Danny | last post by:
I have a small <div> element which contains two text blocks - one within <h5> tags and the other within <p> tags. I don't want any extra line spacing between elements so use the display:inline property. This works for IE6 but Opera7.54 and Netscape7.1 add large line spacing between the text blocks and any lines of wrapped text. The line...
5
2976
by: Andrew Poulos | last post by:
If I have a text INPUT within a block of text how do I 'correct' for the line spacing. The line spacing above and below the INPUT is larger than the line spacing generally: <div style="position:absolute; left:100px; top:100px; width:200px;>blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah...
4
3557
by: fleemo17 | last post by:
Is there a way to tweak the spacing of lines of text (or leading) *specifically* in IE6? I've created a "Quick Search" box in my layout which renders pretty consistently in all the browsers I've tested it on, except in IE6 for the PC. The spacing is completely inconsistent with all the other browsers. (See...
12
2204
by: Sebastien B. | last post by:
I'm wondering if it's at all possible to have spacing between a table's cells, and only between the cells, not between the outter cells and the table's border. See end of message for an example (make sure to view this in fixed width font). I've played around with different things, such as margin-right, etc. but I didn't get any results....
4
2458
by: metoikos | last post by:
I've scoured the web (clumsily, I'm sure) for information on the difficulties I am having, checked my markup in validators, and had a friend with more CSS clue look over it, but I haven't had any luck. I'll detail my difficulties here and hope for help. I will note that I'm using headings to delineate different sections of my message for...
10
11034
by: phil-news-nospam | last post by:
I have a table with 3 columns in 1 row. I want to increase the spacing _between_ the columns (gutter) _without_ increasing the spacing between those columns and the table itself. Is there a way to do that in CSS without having to code in extra dummy columns in HTML to create gutters? --...
1
3282
by: replyrpatil | last post by:
What I am trying to do: I need to print a compact access report (font 6 size) created using RTF2 program developed by Stephen Lebans to generate a TIF image of custom size (5.5 in x 2.0 in) Problem Recreation : Download attached RAR file (http://download.yousendit.com/627919383AFAA7E3 ) Steps 1) Install RTF2 program created by Lebans ...
0
7908
marktang
by: marktang | last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However, people are often confused as to whether an ONU can Work As a Router. In this blog post, we’ll explore What is ONU, What Is Router, ONU & Router’s main...
0
7836
by: Hystou | last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can effortlessly switch the default language on Windows 10 without reinstalling. I'll walk you through it. First, let's disable language...
0
8336
jinu1996
by: jinu1996 | last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven tapestry of website design and digital marketing. It's not merely about having a website; it's about crafting an immersive digital experience that...
1
7950
by: Hystou | last post by:
Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows Update option using the Control Panel or Settings app; it automatically checks for updates and installs any it finds, whether you like it or not. For...
1
5710
isladogs
by: isladogs | last post by:
The next Access Europe User Group meeting will be on Wednesday 1 May 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome a new presenter, Adolph Dupré who will be discussing some powerful techniques for using class modules. He will explain when you may want to use classes...
0
5389
by: conductexam | last post by:
I have .net C# application in which I am extracting data from word file and save it in database particularly. To store word all data as it is I am converting the whole word file firstly in HTML and then checking html paragraph one by one. At the time of converting from word file to html my equations which are in the word document file was convert...
0
3835
by: TSSRALBI | last post by:
Hello I'm a network technician in training and I need your help. I am currently learning how to create and manage the different types of VPNs and I have a question about LAN-to-LAN VPNs. The last exercise I practiced was to create a LAN-to-LAN VPN between two Pfsense firewalls, by using IPSEC protocols. I succeeded, with both firewalls in...
1
2343
by: 6302768590 | last post by:
Hai team i want code for transfer the data from one system to another through IP address by using C# our system has to for every 5mins then we have to update the data what the data is updated we have to send another system
1
1447
muto222
by: muto222 | last post by:
How can i add a mobile payment intergratation into php mysql website.

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.