hi
i am currrently working on a page which ( to cut a long story short ) uses a negative margain style for the main div tag to position the content in the centre of the screen no matter what screen resolution the user has up -- works fine too ( and validated too ) except i tried it in nn 4.7 and it dosent understand the negative margains and screws up the page -- so i will write a bit of JS to adapt things when it find a browser that doesn't understand the css -- but i would like to see which browsers it DOESn'T work in - i have tried NN 7.1 IE 6 MOZ 1.4 and opera 6.04 -- it works fine on these -- is there anyone out there who has a different browser who wouldn't mind loading the page and telling me is it in the centre or no !!! - i am particularly interested in IE 5 IE5.5 and the NN's after 4.7-- and earlier moz's ----- thanks ........
<!-- m --><a class="postlink" href="http://www.oneweekofdays.com/testerfolder/master/index.html">http://www.oneweekofdays.com/testerfold ... index.html</a><!-- m -->
ps i didnt think there was anything more i could do with the css short of trying a completely dfferent method ( not going to happen ) but if there's a genius out there who could improve on the code then i'd be blessed --- as it is the class main is defined as :::::
.main {position:absolute; height:420px; width:770px; top:50%; left:50%; border: 1px solid #000000; margin:-210px 0px 0px -385px; background-color: #666666}
big thanks !!!!
Haven't got time to test it now I'm afraid, but use the @import rule to hide the code from v4 browsers.i actually haven't come accross that one but it sounds to be exactly what i need - any chance you could point me in the right direction for an example or a tutorial on it's use - had a bit of a look around on the net but i couldnt find <!-- m --><a class="postlink" href="onehttp://www.w3.org/TR/REC-CSS2/cascade.html#at-importSeems">onehttp://www.w3.org/TR/REC-CSS2/cascad ... mportSeems</a><!-- m --> nicely symmetrical in IE5.5 using 800x600 resolution.
Works in:
(for win XP home, 1024x768): IE 6, Moz 1.4, Mox Firebird 0.6, NN 6.22, NN 7.02, NN 7.10, Opera 6.00, Opera 7.11
Doesn't work in:
(for win XP home, 1024x768): NN 4.79, Opera 5.02
Not in the middle for win ME IE 5.50 at 800x600 res though, but at least it looks right. What OS do you use gizmo? And what specific browser version?
Included is an image of what it looks like in the two that it didn't work for.that's really helpful - you couldn't manage a screenshot of IE5.5's rendering could you ?OK, here you go. IE 5.5 on Win ME at 800x600, (should be 1024x768 but that PC is real messed up right now). It's looks like it should do, but not in the middle. You can see that if you look carefully at the space on either side.I use Win98SE with all the security patches and IE 5.5. I also have Mozilla 1.3.1thanks a million lavalamp - i dont know how i could have seen what that looked like without your help - cheersin fact thanks everyone ......Happy to help.
i am currrently working on a page which ( to cut a long story short ) uses a negative margain style for the main div tag to position the content in the centre of the screen no matter what screen resolution the user has up -- works fine too ( and validated too ) except i tried it in nn 4.7 and it dosent understand the negative margains and screws up the page -- so i will write a bit of JS to adapt things when it find a browser that doesn't understand the css -- but i would like to see which browsers it DOESn'T work in - i have tried NN 7.1 IE 6 MOZ 1.4 and opera 6.04 -- it works fine on these -- is there anyone out there who has a different browser who wouldn't mind loading the page and telling me is it in the centre or no !!! - i am particularly interested in IE 5 IE5.5 and the NN's after 4.7-- and earlier moz's ----- thanks ........
<!-- m --><a class="postlink" href="http://www.oneweekofdays.com/testerfolder/master/index.html">http://www.oneweekofdays.com/testerfold ... index.html</a><!-- m -->
ps i didnt think there was anything more i could do with the css short of trying a completely dfferent method ( not going to happen ) but if there's a genius out there who could improve on the code then i'd be blessed --- as it is the class main is defined as :::::
.main {position:absolute; height:420px; width:770px; top:50%; left:50%; border: 1px solid #000000; margin:-210px 0px 0px -385px; background-color: #666666}
big thanks !!!!
Haven't got time to test it now I'm afraid, but use the @import rule to hide the code from v4 browsers.i actually haven't come accross that one but it sounds to be exactly what i need - any chance you could point me in the right direction for an example or a tutorial on it's use - had a bit of a look around on the net but i couldnt find <!-- m --><a class="postlink" href="onehttp://www.w3.org/TR/REC-CSS2/cascade.html#at-importSeems">onehttp://www.w3.org/TR/REC-CSS2/cascad ... mportSeems</a><!-- m --> nicely symmetrical in IE5.5 using 800x600 resolution.Works in:(for win XP home, 1024x768): IE 6, Moz 1.4, Mox Firebird 0.6, NN 6.22, NN 7.02, NN 7.10, Opera 6.00, Opera 7.11
Doesn't work in:
(for win XP home, 1024x768): NN 4.79, Opera 5.02
Not in the middle for win ME IE 5.50 at 800x600 res though, but at least it looks right. What OS do you use gizmo? And what specific browser version?
Included is an image of what it looks like in the two that it didn't work for.that's really helpful - you couldn't manage a screenshot of IE5.5's rendering could you ?OK, here you go. IE 5.5 on Win ME at 800x600, (should be 1024x768 but that PC is real messed up right now). It's looks like it should do, but not in the middle. You can see that if you look carefully at the space on either side.I use Win98SE with all the security patches and IE 5.5. I also have Mozilla 1.3.1thanks a million lavalamp - i dont know how i could have seen what that looked like without your help - cheersin fact thanks everyone ......Happy to help.