Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Register Log in
  • Congratulations Westi on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

differences IE Firefox CSS padding 1

Status
Not open for further replies.
elck

elck

Programmer
Apr 19, 2004
176
NL
I use padding-top and padding-left to make the text inside a button move when the button is 'down'

Works fine in IE, but it seems that firefox adds any padding to the outside of the box.

Is there a known fix?

the example is here:
 
Sort by date Sort by votes
Can we see your code? Your code is working properly in FF, and incorrectly in IE, so the fix would need to be applied for IE...

*cLFlaVA
----------------------------
"Holy crip he's a crapple!
 
Upvote 0 Downvote
Well it is a stripped version, in the final version de buttons will move.
You may say that FF is working correctly, but the effect I am after is what you see in IE!
This is the complete working example in IE:


This is the stripped code as on the test page:
Code: 
<STYLE TYPE="text/css" TITLE="">

.butu
{
	//display:block;
	width:140px;
	height:28px;
	color:blue;
	font-family:verdana;
	font-size:9pt;
	font-weight:bold;
	background-image:url("butina.jpg");
	padding-left:8px;
	text-decoration:none;
	text-align:center;
	padding-top:6px;
	overflow:hidden;
	margin:0}

</STYLE>
</HEAD>

<BODY>
<table  cellpadding=0 cellspacing=0 border=0>
	<tr>
		<td  valign=top>
			<div class=butu>Home</div>
			<div class=butu>Home</div>
			<div class=butu>Home</div>
			<div class=butu>Home</div>
			<div class=butu>Home</div>
			<div class=butu>Home</div>
		</td></tr>
	</table>

</BODY>
</HTML>
 
Upvote 0 Downvote
Which buttons are you referring to on your link?

*cLFlaVA
----------------------------
"Holy crip he's a crapple!
 
Upvote 0 Downvote
The ones on the left, reading home, adressen, debat etc.

(not buttons in the HTML definition)

98% of my visitors use IE, it is only that I want to be more PC that I am trying to make it work in other browsers too. But that's the effect they are used to.

 
Upvote 0 Downvote
Ok, thanks,
I kinda liked quirks mode...
 
Upvote 0 Downvote
why? it's the most insecure means of viewing a website in terms of knowing how some piece of design will display.

*cLFlaVA
----------------------------
"Holy crip he's a crapple!
 
Upvote 0 Downvote
Other browser are RIGHT, IE is not. It's not about being "more PC", it's about following the standards. Taking IE out of quirks mode is a great idea. It seems to look alright in Mozilla 1.4.3 (on Linux)... Did you fix it or ???
 
Upvote 0 Downvote
I did a lot of work on it.

But apart from standards
if the visitors of my site use IE then I write for IE, whether I like it or not (and I don't).

What about innerHTML? Is that supported by the 'standard' now?

And how about some of those nice filters?
 
Upvote 0 Downvote
Status
Not open for further replies.

Similar threads

jizzer
  • Locked
  • Question
HTML/CSS Image map with multiple tool-tips
Replies
3
Views
1K
spamjim
spamjim
Expoverse
  • Locked
  • Helpful tip
Solution to CSS Two Level Horizonal Menu 1
Replies
1
Views
816
pmonett
pmonett
PeDa
  • Locked
  • Question
CSS two level horizontal menu
Replies
0
Views
643
PeDa
PeDa
PeDa
  • Locked
  • Question
Horizontal rule and CSS problem 2
Replies
2
Views
697
PeDa
PeDa
tyutghf
  • Locked
  • Question
Achieving this grid layout in css
Replies
1
Views
230
tyutghf
tyutghf

Part and Inventory Search

Sponsor

Back
Top