473,737 Members | 7,907 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

CSS div positioning IE, Safari and Firefox

2 New Member
The site I'm working on is http://www.m23law.co.u k

I have finally managed to get it dislaying properly in IE and Safari, but now it's broken in Firefox. Does anyone have any idea what could be wrong?

/* Position Container*/

#container {
background: #FFFFFF;
display: table;
padding: 0px;
position: relative;
top: 0px;
left: 50%;
margin-left: -365px;
width: 780px;
height: 100%;
border-right: solid 2px #000066;
border-left: solid 2px #000066;

/* Position other elements */

#menu {
position: relative;
float: left;
width: 114px;
height: 100%;
text-align: left;
padding: 0px;

.header {
font-style: bold;
position: relative;
top: 0px;
height: 100px;
background-repeat: no-repeat;
text-align: right;
color: #330066;
padding: 0px;
padding-right: 10px;
margin: 0;

position: relative;
display: block;
float: right;
width: 632px;
height: 100%;
text-align: justify;
padding: 15px;

#copyright {
display: block;
position: absolute;
bottom: 0px;
text-align: center;
font-size: 8pt;
width: 100%;
Jul 18 '07 #1
1 2959
7,435 Recognized Expert Expert
You will never get IE to pretend to act like modern browsers without a proper doctype. See the article about doctypes above.
Jul 19 '07 #2

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

Similar topics

by: Laiverd.COM | last post by:
Hi everybody, I'm not quite sure whether this request is appropriate here; if not I'm sorry. I have finally managed to get things positioned, scaled etc. properly. However I'm only able to check this on WindowsXP (ie 5.1 ie5.5 Netscape 7.2 Mozilla and Firefox), but not on other browser/platform combinations. I would appreciate it if someone (anyone) would be willing to check the display of...
by: chris ciotti | last post by:
Hi - The following page: http://www.geocities.com/chris_ciotti/Holding/site-template-sliced.html was generated with Photoshop CS and uses CSS for positioning. The page validates (unfortunately, you can't validate it from the geocities server as they paste in a bunch of crud which hoses the validation) but the top row of buttons (home, about etc) do not show up in IE 6, they are about 6px too far down. I'm not really sure why this is as...
by: CJM | last post by:
I'm developing a web application, that has a left-sided navigation menu and a centre-right content area. The menu is static and therefore is in an INCLUDEd file. I'm wanting to add a link to a context-sensitive help page, and I'd like it to appear beneath the menu on the left-hand side. However, I'm not sure how to get it to do this... Also, the menu uses Javascript to expand and contract each menu section, so this Help link would need...
by: pasdecrap | last post by:
The following code will produce similar results in IE6 and firefox 1.0.4 however the left margin in FF is 4 pixels and in IE it is 5. Can anyone see why this is happening? I can't seem to figure it out! TIA Jeff <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
by: chris ciotti | last post by:
Hi - Sorry for the crosspost. The following page: http://www.geocities.com/chris_ciotti/Holding/site-template-sliced.html was generated with Photoshop CS and uses CSS for positioning. The page validates (unfortunately, you can't validate it from the geocities server as they paste in a bunch of crud which hoses the validation) but the top row of buttons (home, about etc) do not show up in IE 6, they are about 6px too far
by: Mark | last post by:
I have developed a generic list-based css menu. It works both in IE7 and Firefox, and with the help of Peter Nederlof's csshover.htc, with older IE versions. I have included a simplified version below. The list goes something like this: <ul class="menu"> <li>Menu 1 <ul> <li>Item 1</li>
by: mikewse | last post by:
I have a strange problem where it seems IE is doing the correct layout but Firefox and Safari isn't. I think I'm probably wrong, and there is something in the standards that say behaviour should be like Firefox does, but could someone tell me what is right? In the below code I have element trees with three DIVs; the outer DIV establishes a positioning context and the "middle" DIV uses absolute positioning to put its top left corner in the...
by: Cartoper | last post by:
Here is the code: http://cartoper.ueuo.com/centering.htm How do I get the big blue buttons to center themselves on Firefox and Safari on this web site? I know that the layout is a bit complex, but there is a reason for it, have a look at this site:
by: Fistro | last post by:
I'm trying to find a design that would allow me to build web pages without having to worry about compatibility issues (not too much, in any case,,,) I've came across this CSS layout technique: http://alistapart.com/articles/fauxabsolutepositioning It calculates the left offset from a fixed position, as opposed to calculating it from the right edge of the preceding element by using a combination of position: relative, left: 100% and a...
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, people are often confused as to whether an ONU can Work As a Router. In this blog post, we’ll explore What is ONU, What Is Router, ONU & Router’s main usage, and What is the difference between ONU and Router. Let’s take a closer look ! Part I. Meaning of...
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 protocol has its own unique characteristics and advantages, but as a user who is planning to build a smart home system, I am a bit confused by the choice of these technologies. I'm particularly interested in Zigbee because I've heard it does some...
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, and deployment—without human intervention. Imagine an AI that can take a project description, break it down, write the code, debug it, and then launch it, all on its own.... Now, this would greatly impact the work of software developers. The idea...
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 presenter, Adolph Dupré who will be discussing some powerful techniques for using class modules. He will explain when you may want to use classes instead of User Defined Types (UDT). For example, to manage the data in unbound forms. Adolph will...
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 last exercise I practiced was to create a LAN-to-LAN VPN between two Pfsense firewalls, by using IPSEC protocols. I succeeded, with both firewalls in the same network. But I'm wondering if it's possible to do the same thing, with 2 Pfsense firewalls...
by: adsilva | last post by:
A Windows Forms form does not have the event Unload, like VB6. What one acts like?
by: 6302768590 | last post by:
Hai team i want code for transfer the data from one system to another through IP address by using C# our system has to for every 5mins then we have to update the data what the data is updated we have to send another system
by: muto222 | last post by:
How can i add a mobile payment intergratation into php mysql website.
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 can significantly impact your brand's success. BSMN Consultancy, a leader in Website Development in Toronto offers valuable insights into creating effective websites that not only look great but also perform exceptionally well. In this comprehensive...

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.