• Welcome to TechPowerUp Forums, Guest! Please check out our forum guidelines for info related to our community.
  • The forums have been upgraded with support for dark mode. By default it will follow the setting on your system/browser. You may override it by scrolling to the end of the page and clicking the gears icon.

<P> vertical spacing differs in IE and FF

Joined
Nov 30, 2008
Messages
555 (0.09/day)
Location
Birmingham, England...
Processor Intel Core 2 Quad Q6600 @ 2.8GHz
Motherboard Gigabyte X48T-DQ6
Cooling Zalman 9500 LED CPU Cooler
Memory 2x 2GB Corsair DDR3 XMS3 DHX - 1600MH/PC3-12800
Video Card(s) Gigabyte HD4870 1GB
Storage 2x Seagate 320GB Barracuda (RAID 0) 3x 1TB Samsung F3, 140GB WD Maxtor (10,000rpm)
Display(s) 2x 20" LG Flatron L204WS
Power Supply Powercool 850W
Software Windows 7 Ultimate x64
Anyone know why this could happen or whould I have to post my code? Firsfox looks like it has a 1.5pt line space but IE looks normal.

Thanks
Akumos
 
Last edited:
My simple test didn't show any difference. I'd guess that it's coming from a misinterpretation of your styling by one of the browsers.

Could you post a bit of the code, or at least enough to replicate what you're seeing?
 
The code is ALL over the place (made in dreamweaver by an ameture lol):



Thanks for looking!
 
Last edited:
use css attribute margin to set it to the same for all browsers
 
lol sorry W1zzard, how do I do that?
 
Code:
element_name/class_name/id :
{
     margin: #(px/em/etc etc);
}

Example
Code:
body,td,th {
	[B]margin: 5px;[/B]
}
a:link {
	[B]margin: 5px;[/B]
}
a:visited {
	[B]margin: 5px;[/B]
}
a:hover {
	[B]margin: 5px;[/B]
}
a:active {
	[B]margin: 5px;[/B]
}
.bbGrey {
	[B]margin: 5px;[/B]
}

Just add the property into enclosing bracket of which ever html element you need to change. (margin: 5px means 5 pixels margin on all sides for each of the element that you specified using the selector before the braces)
 
I;ve worked out that FF is displaying 10pt font whereas IE is displaying 12pt...

Even if I put fixed font sizes in HTML and CSS body tags!
 
I don't suppose you're trying to make the webpage work properly in IE6? Life sucks with IE6 but I suppose you could set up a massive styling (like some form of 'master reset') with many of the selectors that you're going to use like:

Code:
html, body, p, ul, li, blah blah blah...
{
     (style 1);
     (style 2);
     ...
}

Or, you could get them to just ctrl+ or ctrl- to increase/decrease font size when they are browsing :D (sarcasm)

Yes, working with IE is a pain because they make up their own rules in rendering a text, the preception of 10pt in Firefox and IE may differ.
 
So Annoying! Never had this problem before because I've never had to align eveything so perfectly!

Thanks
 
Back
Top