473,394 Members | 1,090 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,394 software developers and data experts.

CSS positioning cross-browser (well IE, FF)

I've got html page with has a fixed height - there are five buttons on
the page. The page has a fixed, known height - but the width can
change. The five buttons should be arranged on the page as follows
(all buttons should always be 3px from the top):

"button1" - left edge always 3px from left side of the page
"button2" - left edge always be 5px to the left of "button 1:"
"button3" - buttons three and four should float (relatively) in the
middle of the page
"button4" - left edge always be 5px to the left of "button 3:
"button5" - right edge always 3px from right side of page

Button2 could float to the left of button1 - but I'd like to know how
to get it fixed to the right of button1 by 5px.
A key requirment is that buttons 3,4 are seperated by 5px and appear
to float together (not ever overlap)...
I've tried the following CSS - it works in IE but in FF the buttons
tops (buttons 3,4) don't align.
Anyone have any suggestions:

..Button1 {
position: absolute;
left: 3px;
top: 3px;
}
..Button2 {
position: absolute;
top: 3px;
margin-left: 10%; /* HOW DO I GET THIS BUTTON TO BE 5x FROM
Button1? */
}
..Button3 {
position: relative;
top: 3px;
margin-left: 43.5%; /* HOW DO I GET Button3,4 TO FLOAT
TOGETHER */
} /* AND STAY TOP ALIGNED AT
5px? */
..Button4 {
position:relative;
top: 3px;
}
..Button5 {
position: absolute;
right: 3px;
top: 3px;
}

Nov 2 '07 #1
0 2450

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

7
by: |{evin | last post by:
I'm currently working on what has turned in to something much larger that I wanted it to be. The upside is that I'm getting $$ to do it... but anywho. I currently have textboxes set up to...
17
by: Mark Rae | last post by:
Hi, I'm interested in your opinion concerning how far you would consider it necessary to code for cross-browser compatibility these days, especially for public-facing Internet sites... ...
2
by: Eric Caron | last post by:
Hi everybody, I was doing some cross-browser tests today and I found out that if you specify the width and height for a button type control, asp.net doesn't output the style information when...
2
by: Tai | last post by:
Hi all, I have an ASP.NET web project that requires some mask control for entering Birthday, SSN, Phone number. I searched on Google and found some mask controls that worked very well on IE. But...
2
by: Questman | last post by:
Good afternoon, Does anyone have any code that implements, or approaches implementing, a cross-browser DHTML/JS solution to provide an Excel-like Grid on a web page - I'm trying to convert an...
15
by: CMM | last post by:
So I'm half way through overseeing a large project in ASP.NET 2.0. My superiors have decided that it would be nice if we ensured the site worked on all the major platforms (as they see it: IE,...
7
by: =?iso-8859-1?q?Jesper_R=F8nn-Jensen?= | last post by:
Hi. I just ran into a situation where I want to emulate the IE specific obj.click() syntax on an object on the webpage. The most convenient thing for me is if I were able to just select my ...
10
by: Christopher Nelson | last post by:
I've been developing a little web page full of JavaScript while using Firefox and it works well but when I try to view it in Opera and IE, it's incomplete. I suspect cross-browser issues in the...
4
by: celoftis | last post by:
I've got html page with has a fixed height - there are five buttons on the page. The page has a fixed, known height - but the width can change. The five buttons should be arranged on the page as...
0
by: ryjfgjl | last post by:
In our work, we often receive Excel tables with data in the same format. If we want to analyze these data, it can be difficult to analyze them because the data is spread across multiple Excel files...
0
by: emmanuelkatto | last post by:
Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud. Please let me know. Thanks! Emmanuel
1
by: nemocccc | last post by:
hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?
0
by: Hystou | last post by:
There are some requirements for setting up RAID: 1. The motherboard and BIOS support RAID configuration. 2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...
0
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
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
jinu1996
by: jinu1996 | last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven...
0
by: Hystou | last post by:
Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows...
0
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...

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.