473,503 Members | 1,797 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

Different positions of layer in Firefox, Safari and IE

2 New Member
Hi All,

Can someone show me how to position this slideshow so that it's roughly in the same position on Safari, FF and IE? Currently it's centered properly only in FF, and waaaay off in the other 2 browsers.

Here's the page:

http://www.studioroeper.com/

Thx!
Dec 23 '10 #1
3 2789
drhowarddrfine
7,435 Recognized Expert Expert
You are in 'quirks mode' which, essentially, makes everything 1998 all over again. Make this your first line:
Expand|Select|Wrap|Line Numbers
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
  2.    "http://www.w3.org/TR/html4/strict.dtd">
Cool stuff, btw.
Dec 23 '10 #2
Florian Roeper
2 New Member
thanks drhoward,
yes, my code is ancient, but i managed to tweak it a little so it works:

<div id="Layer1" style="position:absolute; left:50%; margin-left:-309px; top:50%; margin-top:-195px; width:617px; height:391px; z-index:1;">

309left and 195top signify half of my layer size. maybe not the most modern solution, but my site is such a crazy patchwork anyway.

i tried your suggestion: the layer centers both vertically and horizontally, but everything else on the page centers only horizontally, always aligned on the top of the page. any way to make this align vertically too?
Dec 23 '10 #3
drhowarddrfine
7,435 Recognized Expert Expert
The problem you will continue to have, without the doctype, is that IE will place margins and padding in the wrong place compared to the modern browsers and you will always have to specify margin/padding for all elements. (Reason #7362 why no one should use IE.)

Doctypes have been required on all web pages since 1999. You should have one, too.
Dec 24 '10 #4

Sign in to post your reply or Sign up for a free account.

Similar topics

4
2406
by: kinne | last post by:
The following code is supposed to reverse the date in "yyyy-mm-dd" format, but it produces different results in Firefox 1.0 and in Internet Explorer 6SP1. In Firefox, the result is correct...
2
3669
by: Chris Mahoney | last post by:
Hi I'm using several Sessions in my app. When the user has cookies enabled in their browser, everything works fine. But with cookies disabled, only IE seems to remember the sessions. In Firefox...
6
10826
by: Gian | last post by:
Hi, I'm trying to use DIV instead of tables for positioning objects on the page. It was great till I realized that IE sizes DIVs differently from Firefox. Please see example at:...
1
1581
by: tony dong | last post by:
Hi There After I developed portal application, it is working very well in IE browser, but it is not working using firefox, safari browser etc. The problem is the web part drag and drop...
12
2251
by: cewisham | last post by:
I have a menu that pops up different layers as you mouse over. Seems to work OK in IE 6. I position the layers dynamically with javascript because the menu moves when users resize their browser...
2
17070
by: cbjewelz | last post by:
Hey all. So I'm having problems with cross browser alignments. I'm looking at Safari and Mozilla Firefox. I develop in Safari and so it looks perfect there however in Firefox my vertical...
3
1547
by: Benedictum | last post by:
I have added the BrowserCaps in web.config file but it did not do anything in the prsentation of the web page. Is there anything else to do to have Firefox render the page like IE?
1
14036
by: alex.malgaroli | last post by:
Hi all. I didn't find anything on the web regarding this different behaviour I found in Firefox (v. 2) and IE (v. 6), so I'm posting it here, maybe someone will benefit from this. I have a...
1
1366
by: vvcortazar | last post by:
I'm having a problem with some javascript buttons on firefox and safari, the code that is executed is the following: <tr> <td...
0
869
by: =?Utf-8?B?UGF1bCBIYWxl?= | last post by:
Is it possible to get webparts dragdrop working within the above browsers? And if not, why not? My research shows that this functionality was originally introduced back in a May 2006 Futures...
0
7199
marktang
by: marktang | last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However,...
0
7074
by: Hystou | last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can...
0
7273
Oralloy
by: Oralloy | last post by:
Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers,...
0
7451
tracyyun
by: tracyyun | last post by:
Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each...
0
5572
agi2029
by: agi2029 | last post by:
Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing,...
1
5000
isladogs
by: isladogs | last post by:
The next Access Europe User Group meeting will be on Wednesday 1 May 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome a new...
0
3161
by: TSSRALBI | last post by:
Hello I'm a network technician in training and I need your help. I am currently learning how to create and manage the different types of VPNs and I have a question about LAN-to-LAN VPNs. The...
0
3150
by: adsilva | last post by:
A Windows Forms form does not have the event Unload, like VB6. What one acts like?
0
374
bsmnconsultancy
by: bsmnconsultancy | last post by:
In today's digital era, a well-designed website is crucial for businesses looking to succeed. Whether you're a small business owner or a large corporation in Toronto, having a strong online presence...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.