|
|
|||||||||
|
|||||||||
| |||||||||
|
|
|
| |||||||||
![]() |
|
|
«
Previous Thread
|
Next Thread
»
|
Thread Tools | Search this Thread | Rate Thread | Display Modes |
|
#1
|
||||
|
||||
|
div css question
Was throwing up a quick site for a friend and started playing around with transparency using Div's. I usually mostly use tables (I know I'm a dinosaur) but in experimenting with the div's I noticed that Firefox renders them differently and I have been unable to remove some top padding in the div's in firefox as compared to I.E.
If you have firefox and understand CSS can you take a look at this page and tell me how to remove the space above the <h3> elements? There is no space in I.E. and I like that much better. www.fascianfiller.com/fascian_faq.php in typing this it occured to me that perhaps I can manipulate the h3 element itself and I'll go try but your input is greatly appreciated. |
|
#2
|
||||
|
||||
|
RE: div css question
It looks like Firefox gives h3 elements a larger default margin than IE does. Use this to make it go away:
Code:
h3.faq { margin: 0; }
|
|
#3
|
||||
|
||||
|
RE: div css question
thanks honcho, I realized it must be the h3 tag when i was writing the question but I had another project to work on so I never got back to looking at it. I tried every possibl property on the <div> and probably made up a few that don't exist but as soon as I formulated the question it became obvious to me that the h3's default "container" must be the problem.
|
|
#4
|
||||
|
||||
|
RE: div css question
To diagnose this type of problem, it's often convenient to add "border: 1px solid red" or something similar to various elements. That way you can see what each part is doing. Additionally, the web developer extension for Firefox has some nice features for debugging CSS and even editing it on the fly.
|
![]() |
| Viewing: Codewalkers Forums > Other Technologies > Client Side Things > div css question |
| Thread Tools | Search this Thread |
| Display Modes | Rate This Thread |
|
|
|
|