Code CSS on Firefox

[Otaku Ichise]

Ok my question is, for those who are used to code for IE7

what are the issues we should know about firefox?, like for the tags <ul> we cant give margin-top or it will also move along with the div, the solution was giving padding (for example 20px) and margin-top:0px

Also when i wanted to repeat a background pic (100px height 5pxwidth) on a div with 100% value width/height, it wouldnt show/repeat unless i gave a postion absolute to it, any beter solution?

all advices are welcome, thanks in advance.

current website im making: http://otaku_ichise.sitesled.com/falcom/eiyuu%20densetsu%206/legend_of_heroes_fc.html

[ToukaCT]

Hi,

I usually start out with Firefox first since it's fully compliant with W3 standards.  In IE (at least in IE6), you can't use child selectors, I believe you can with IE7, so this may not be an issue if you don't intend to support IE6. 

Also, with IE, if you don't explicitly specify a margin/padding property, they tend to be added by default for certain elements.  So in cases where there are extra margin/padding that appears in IE, but not in FF, you should explicitly set these margin/padding property to 0.

If you are using expressions to dynamic set values, keep in mind that they only work with IE.  I tend to use them.  The only cases where I've used them was to implement hacks for IE6.  For example, IE6 does not have min-height/max-height (Not a problem in IE7).  There's an article showing how to get this around using expressions at: http://www.visibilityinherit.com/code/ie6-min-max-height-width.php 

There are more hiccups between cross browser CSS implementations, but these are the ones that I can think of the moment.

Hope this helps.

-Touka

[ToukaCT]

Also when i wanted to repeat a background pic (100px height 5pxwidth) on a div with 100% value width/height, it wouldnt show/repeat unless i gave a postion absolute to it, any beter solution?

Are you still having a problem with this? Your photobucket image is not showing so I can't get a good grasp at the problem.  Nice site, by the way.

[Otaku Ichise]

well the best question is, on firfox if you want to repeat the bg trough the whole view window of your browser, i supose the only thing to start with is giving 100% width to that div, altough i noticed this site didnt have the value % in any the styles given to it, when i viewed this in 1200x1000px the bg kept expanding till the end of the browser window view, altough theres no % value in it 

Can you tell me how you do it? o.o specialy that #inwrapper div with just a bg on it and no value specified on width or height.