14 replies to this topic

[donkeymusic]

hello my site www.retrodesigner.co.uk wont show correctly in firefox and i really dont know what changes i need to make, can ayone help me out please?

thanks

[Ibrachim]

On Opera (ver. 8.5), Mozilla Firefox (ver. 1.5.0.3) and Mozilla (1.7.11)everything looks good. Only CONTACT ABC looking bad in Mozilla Firefox and Mozilla.

[coolaid]

the entire menu is out of place....

first fix:

add this under the</ul> tag of the menu.
<div style="clear:both;"></div>

how the buttons are extremely oversided, i dont know what you did...

[donkeymusic]

in ie the menu is correct

the menu is large beacuse i added padding but this doesnt cause any problems in ie and gives themenu the size i want, not sure how to do it without padding but obvioulsy i need to

Edited by donkeymusic, 19 May 2006 - 02:50 PM.

[Matthew.]

Use an ie hack.

Example:

_margin: 0; will work in IE but not in FF.

So.....

padding: 0;
_padding: 10px 20px 5px 4px;

Will have 0 padding in everything but IE.

[donkeymusic]

so how do i work around that? to get the padding to areas?

[Matthew.]

If as you say (and i haven't looked - too busy with coursework) its padding, you simple set padding: x; to what you want firefox to use,and _padding: x; to what you want IE to use.

Trial and error
Sorry i havent got time to help spare, *goes back to databasing coursework*

[donkeymusic]

.Matt, on May 19 2006, 11:18 PM, said:

If as you say (and i haven't looked - too busy with coursework) its padding, you simple set padding: x; to what you want firefox to use,and _padding: x; to what you want IE to use.

Trial and error
Sorry i havent got time to help spare, *goes back to databasing coursework*

so i need to add to padding lines and one has an underscore?

Edited by donkeymusic, 20 May 2006 - 05:35 AM.

[Matthew.]

Yes,

For IE use _(something) and that will make sure only ie obeys that order.

Since the problem is with FF you first need to switch it so i works in firefox, but not in IE. Then use _ to fix it for IE as well.

[donkeymusic]

.Matt, on May 20 2006, 02:28 PM, said:

Yes,

For IE use _(something) and that will make sure only ie obeys that order.

Since the problem is with FF you first need to switch it so i works in firefox, but not in IE. Then use _ to fix it for IE as well.

I hav made that change and it does alter the padding on the menu bar but now it makes the div that holds the margin extend to far.

I have just used the same underscore method that you mentioned to stop the nav bar div extending too far, can this be used for all issues?

Edited by donkeymusic, 20 May 2006 - 12:07 PM.

[donkeymusic]

coolaid, on May 19 2006, 07:35 PM, said:

the entire menu is out of place....

first fix:

add this under the</ul> tag of the menu.
<div style="clear:both;"></div>

how the buttons are extremely oversided, i dont know what you did...

what does the change actually do and imnot sure where you want me to put that line.

cheers

[Matthew.]

Hi,

replace this:

#menucontainer ul{
  margin-top: 3px;
  margin-left: 0px;
  background-color: #dedede;
  color: black;
  border: 1px solid black;
  float: left;
  width: 720px;
  _width: 760px;
  font-family: geneva, Arial, sans-serif;
}

with this:

#menucontainer ul{
  margin-top: 3px;
  margin-left: 0px;
  background-color: #dedede;
  color: black;
  border: 1px solid black;
  float: left;
  width: 720px;
  *width: 760px;
  font-family: geneva, Arial, sans-serif;
}

Works in ie 7

[donkeymusic]

.Matt, on May 20 2006, 06:19 PM, said:

Hi,

replace this:

#menucontainer ul{
  margin-top: 3px;
  margin-left: 0px;
  background-color: #dedede;
  color: black;
  border: 1px solid black;
  float: left;
  width: 720px;
  _width: 760px;
  font-family: geneva, Arial, sans-serif;
}

with this:

#menucontainer ul{
  margin-top: 3px;
  margin-left: 0px;
  background-color: #dedede;
  color: black;
  border: 1px solid black;
  float: left;
  width: 720px;
  *width: 760px;
  font-family: geneva, Arial, sans-serif;
}

Works in ie 7

i though you said just use a underscore, why have you used a star?

the site work swell in IE but not firefox, its getting it to work in firefox that i am looking to.

[Matthew.]

because IE7 (what i am using) is a bit edgy with the _ hack, so when i was changing it i used *. Not really a css hack but IE will correct it which means it will work fine.

Your site looks fine in firefox to me, but not in IE. But change what i put above and it worked fine in IE.

[donkeymusic]

.Matt, on May 20 2006, 07:54 PM, said:

because IE7 (what i am using) is a bit edgy with the _ hack, so when i was changing it i used *. Not really a css hack but IE will correct it which means it will work fine.

Your site looks fine in firefox to me, but not in IE. But change what i put above and it worked fine in IE.

cheers will make that change and remember that hack, seems quite useful.

you sure it look sok in firefox? mine looks terrible

i am viewing mine on a mac using firefox and not sure if thats the reason, can you view a gallery and post a screenshot so i could see what it looks like?

cheers


Using that hack failes the validation test

Edited by donkeymusic, 21 May 2006 - 06:27 AM.