|
|||||||||
|
|||||||||
| |||||||||
|
|
|
| |||||||||
 |
|
|
«
Previous Thread
|
Next Thread
»
|
Thread Tools | Search this Thread | Rate Thread | Display Modes |
Dev Shed Forums Sponsor:
|
|
|
|
#1
May 4th, 2004, 02:51 AM
|
|||
|
|||
|
CSS negative margin screws in IE
im using (stripped most) CSS:
Code:
h3 {
margin-top:-10px;
}
in this HTML Code:
<h1>Header</h1> <h3>subtitle</h3> i want the <h3> the overlap the <h1> partly, like defined in the CSS. It works fine in every browser, but in IE, the rest of the page is distored because of the negative margin definition. is there any workaround for this
|
|
#2
May 4th, 2004, 03:18 AM
|
||||
|
||||
|
Use
Code:
h3 {
position: relative;
top: -10px;
}
cheers, gary
__________________
There are those who manage to build a web site without knowing what they're doing; thereby proving to themselves they do, indeed, know what they're doing. My html and css workshop, demos and tutorials. Ask a better question, get a better answer.
|
|
#3
May 4th, 2004, 04:38 AM
|
|||
|
|||
|
thx for the reply.
it works partly  the page is still distorted, but less. now other DIV elements shift a little too much to the right in IE :SLast edited by Sheqel : May 4th, 2004 at 04:40 AM.
|
|
#4
May 4th, 2004, 08:01 AM
|
||||
|
||||
|
you could try...
You could try putting the two h tags in a div with position relative with no top or left defined.
Then make the h tags absolute - they will be positioned within the containing div, not for the whole document. Then you don't have to worry about them affecting the rest of the page.
__________________
new jersey web design
|
|
| Viewing: Dev Shed Forums > Web Design > CSS Help > CSS negative margin screws in IE |
| Thread Tools | Search this Thread |
| Display Modes | Rate This Thread |
|
|
 |
|
|
Del.icio.us
Digg
Google
Spurl
Blink
Furl
Simpy
Y! MyWeb
Linear Mode
