Deleted
| SitePoint Sponsor |





Deleted
Last edited by Dez; Jun 21, 2006 at 09:33.


If you're using quirks mode (omitted or incomplete doctype declaration), IE will incorrectly include padding within the declared width. Firefox (and IE in standards mode) is standards-compliant and adds the padding to the specified width.
Birnam wood is come to Dunsinane


I never use Transitional, but I think that doctype should put IE into 'standards' mode and Firefox into 'almost standards' mode. (The latter only differs a bit in how images in table cells are aligned vertically. It's the same as IE's 'standards' mode.)
Birnam wood is come to Dunsinane





Many thanks for that.
What's the solution please ?
Regards.
Dez.


Can't say. Can you provide a link to the page? There may be a more specific rule that interferes; one that is ignored by one browser but not the other. There's not enough information in what you've provided to make a better diagnosis.
If you ticked the 'developer tools' checkbox when installing Firefox, you can use the DOM Inspector to find out which CSS rules affect those elements and in what order.
Birnam wood is come to Dunsinane
Dez! Try using ID's instead of classes. Please post a link to you webpage so that i can identify the type of menu you require...
example Instead of:
.menulinks a {
display: block;
width: 155px;
margin: 0px 1px 0px 1px;
padding: 7px 5px 7px 5px;
border-bottom: 1px;
}
USE
#menulinks li a {
display: block;
width: 155px;
margin: 0px 1px 0px 1px;
padding: 7px 5px 7px 5px;
border-bottom: 1px;
}
on HTML PAGE:
<div id="menulinks"><a href="#">Link Here</a></div>
NOTE: You will have to set other id's for the unordered list(ul) and list seperatly(li).
I think your problem may be collapsing margins.
Remember that if you have both padding and margin assigned to both child and parent elements, or the next element in the doucments flow, IE will often collapse the margin value, and FF won't.
I am not too sure how IE will interpret this when running in standards mode, which it should with a valid doctype declared.
Try to use either margin OR padding on nested elements or elements next to each other if you can, and not mixt them up.





Apologies if I've upset someone, if I have I didn't mean to. I'm just getting a bit lost on this.![]()
Dez.
Bookmarks