hi all,
i have a strange problem when trying to set up a horizontal menubar:
i would like to split the whole screen from left to right into 9
pieces. the first one has a fixed width of 186px. the remaining 8
should all have the same width, depending on the screen resolution.
how can i get this to work in both IE and mozilla? i already have a
solution that works fine in mozilla, but does not in IE.
is this possible by using a table? i am currently trying to solve this
with DIVs. the problem seems to be that menubar hasn't got a width
(which is well handled by mozilla, but not by IE).
so, the menubar should start at 186px from left and then should have 8
sections all with the same width, which should fill the screen to the
very right, not caring about screen resolution.
***** HTML CODE ****
<div id="menubar">
<div id="leftframe"> </div>
<div id="leftframe2" ></div>
<div id="leftframe3" ></div>
<div id="leftframe4" ></div>
<div id="leftframe5" ></div>
<div id="leftframe6" ></div>
<div id="leftframe7" ></div>
<div id="leftframe8" ></div>
</div>
***** CSS CODE ****
#menubar
{
position: absolute;
top: 0;
left: 186px;
right: 0;
height: 30px;
z-index: 1;
background-color: #FBAE5C;
}
#leftframe
{
position: absolute;
top: 0px;
left: 0px;
width: 12.5%;
height: 100%;
z-index: 2;
background-color: #FBAE5C;
color: #F7941D;
text-align: left;
vertical-align: middle;
}
#leftframe2
{
position: absolute;
top: 0px;
left: 12.5%;
width: 12.5%;
height: 100%;
z-index: 2;
background-color: #F7941D;
text-align: left;
vertical-align: middle;
}
#leftframe3
{
position: absolute;
top: 0px;
left: 25%;
width: 12.5%;
height: 100%;
z-index: 2;
background-color: #C2BE75;
color: #AAA003;
text-align: left;
vertical-align: middle;
}
#leftframe4
{
position: absolute;
top: 0px;
left: 37.5%;
margin: 0px;
padding: 0px;
width: 12.5%;
height: 100%;
z-index: 2;
background-color: #AAA003;
text-align: left;
vertical-align: middle;
}
#leftframe5
{
position: absolute;
top: 0px;
left: 50%;
margin: 0px;
padding: 0px;
width: 12.5%;
height: 100%;
z-index: 2;
background-color: #8ACCCA;
text-align: left;
vertical-align: middle;
}
#leftframe6
{
position: absolute;
top: 0px;
left: 62.5%;
margin: 0px;
padding: 0px;
width: 12.5%;
height: 100%;
z-index: 2;
background-color: #40B9E8;
text-align: left;
vertical-align: middle;
}
#leftframe7
{
position: absolute;
top: 0px;
left: 75%;
margin: 0px;
padding: 0px;
width: 12.5%;
height: 100%;
z-index: 2;
background-color: #F69AC1;
color: #E66BA4;
text-align: left;
vertical-align: middle;
}
#leftframe8
{
position: absolute;
top: 0px;
left: 87.5%;
margin: 0px;
padding: 0px;
width: 12.5%;
height: 100%;
z-index: 2;
background-color: #E66BA4;
color: #F69AC1;
text-align: left;
vertical-align: middle;
}
any help is appreciated!
mark 6 9902
<wi****@gmail.c om> wrote in message
news:11******** **************@ o13g2000cwo.goo glegroups.com.. . hi all,
i have a strange problem when trying to set up a horizontal menubar:
i would like to split the whole screen from left to right into 9 pieces. the first one has a fixed width of 186px. the remaining 8 should all have the same width, depending on the screen resolution.
how can i get this to work in both IE and mozilla? i already have a solution that works fine in mozilla, but does not in IE.
is this possible by using a table? i am currently trying to solve this with DIVs. the problem seems to be that menubar hasn't got a width (which is well handled by mozilla, but not by IE).
so, the menubar should start at 186px from left and then should have 8 sections all with the same width, which should fill the screen to the very right, not caring about screen resolution.
***** HTML CODE ****
<div id="menubar"> <div id="leftframe"> </div> <div id="leftframe2" ></div> <div id="leftframe3" ></div> <div id="leftframe4" ></div> <div id="leftframe5" ></div> <div id="leftframe6" ></div> <div id="leftframe7" ></div> <div id="leftframe8" ></div> </div>
***** CSS CODE **** #menubar { position: absolute; top: 0; left: 186px; right: 0; height: 30px; z-index: 1; background-color: #FBAE5C; }
#leftframe { position: absolute; top: 0px; left: 0px; width: 12.5%; height: 100%; z-index: 2; background-color: #FBAE5C; color: #F7941D; text-align: left; vertical-align: middle; }
#leftframe2 { position: absolute; top: 0px; left: 12.5%; width: 12.5%; height: 100%; z-index: 2; background-color: #F7941D; text-align: left; vertical-align: middle; }
#leftframe3 { position: absolute; top: 0px; left: 25%; width: 12.5%; height: 100%; z-index: 2; background-color: #C2BE75; color: #AAA003; text-align: left; vertical-align: middle; }
#leftframe4 { position: absolute; top: 0px; left: 37.5%; margin: 0px; padding: 0px; width: 12.5%; height: 100%; z-index: 2; background-color: #AAA003; text-align: left; vertical-align: middle; }
#leftframe5 { position: absolute; top: 0px; left: 50%; margin: 0px; padding: 0px; width: 12.5%; height: 100%; z-index: 2; background-color: #8ACCCA; text-align: left; vertical-align: middle; }
#leftframe6 { position: absolute; top: 0px; left: 62.5%; margin: 0px; padding: 0px; width: 12.5%; height: 100%; z-index: 2; background-color: #40B9E8; text-align: left; vertical-align: middle; }
#leftframe7 { position: absolute; top: 0px; left: 75%; margin: 0px; padding: 0px; width: 12.5%; height: 100%; z-index: 2; background-color: #F69AC1; color: #E66BA4; text-align: left; vertical-align: middle; }
#leftframe8 { position: absolute; top: 0px; left: 87.5%; margin: 0px; padding: 0px; width: 12.5%; height: 100%; z-index: 2; background-color: #E66BA4; color: #F69AC1; text-align: left; vertical-align: middle; }
any help is appreciated! mark
Suggest you give menubar a width of 100%. All div's will then be visible in
IE6.
thanks for you reply, but that doesn't solve the problem. i need to
give a width of 186px to the first DIV. all other DIVs need to be of
the same width from 186px to the very right of the browser window.
sorry, forgot to mention: when i give menubar a width of 100%, i need
to scroll to the very right as the window is then 186px to large.
menubar is a child of the body. body is defined as:
body
{
position: absolute;
margin: 0;
padding: 0;
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
}
"Mark Wiewel" <wi****@gmail.c om> wrote in message
news:11******** **************@ g47g2000cwa.goo glegroups.com.. . thanks for you reply, but that doesn't solve the problem. i need to give a width of 186px to the first DIV. all other DIVs need to be of the same width from 186px to the very right of the browser window.
Your code indicates that menubar is 186px from the left but has no width.
The width of all other divs is 12.5% (percent of what?). I must be
misunderstandin g you. Do you want menubar to be 186px from the left and all
other divs (except menubar) to be 186px wide? That would be a total width of
1488px for 8 divs. If so then horizontal scrolling will surely be required
to view all 8 divs. I'm confused.
sorry for the confusion, but my english isn't that well:
i would like to have:
column1: width 186px;
column2: width 12.5 % OF THE REST
column3: width 12.5 % OF THE REST
....
....
column9: width 12.5 % OF THE REST
OF THE REST means screenwidth - 186px
does this help?
cheers, mark
Try this in the html
<div class="fixedCol umn" id="column1">
</div>
<div id="otherColumn s>
<div class="anotherC olumn" id="column2"></div>
...
<div class="anotherC olumn" id="column9"></div>
</div>
then experiment a bit with the css to make it work.
--
Martin Eyles ma**********@NO SPAM.bytronic.c om
"Mark Wiewel" <wi****@gmail.c om> wrote in message
news:11******** **************@ g43g2000cwa.goo glegroups.com.. . sorry for the confusion, but my english isn't that well:
i would like to have:
column1: width 186px; column2: width 12.5 % OF THE REST column3: width 12.5 % OF THE REST ... ... column9: width 12.5 % OF THE REST
OF THE REST means screenwidth - 186px
does this help?
cheers, mark This thread has been closed and replies have been disabled. Please start a new discussion. Similar topics |
by: eric |
last post by:
I am attempting to create <A HREF> links to <A NAME> targets in a series
of extremely wide web pages composed of tables with text and images
sitting side by side. This is a failure since both Netscape and
Explorer seem to assume that <A NAME> anchors target part of a vertical
web page, where all that is needed is for the window to advance to the
first character or whitespace after the target. In a horizontal page,
this means that each...
|
by: Marek Mänd |
last post by:
Can the legend element in fieldset be placed automatically by Mozilla
horizontally in the middle of fieldset?
|
by: grogerteal |
last post by:
Hello,
I am pretty new to programming and would like someone to help me get
started on the program that I need to make.
I hope it is not hard to do, but what I would like is a simple app that
has a label which returns the color of a pixel that is in position x,y on
the screen (i.e. the desktop @ 1024 x 768 pixels), where x and y are of
course variable.
|
by: Maryam |
last post by:
Is a split window possible for an MS DOS program and MS Access program?? If
so how???
When you run a DOS programn it covers the whole of the PC screen and if you
have other applications you cannot see them in the task bar and you have to
alt-tab to flick through them.
|
by: zhimin |
last post by:
Hi!
How to set a form full screen, the title bar, close button, and system task
bar should hide while the form run. Like some game software such as Empero
Era, Brood, Quake and so on.
Thanks!
| |
by: Hooyoo |
last post by:
I want to get the color of the specified pixel in the screen.
Firstly I get the position of the cursor:
//Get the position of cursor.
Point position = Cursor.Position;
Next I want to get the color using the position of the cursor.
Anybody here can show me some demo codes?
Thanks.
|
by: ahammad |
last post by:
Hello,
I used the Doc/View architecture to create a split screen application. On startup, the screen is already split horizontally. I did the following in the MainFrm class:
BOOL CMainFrame::OnCreateClient(LPCREATESTRUCT /*lpcs*/,
CCreateContext* pContext)
{
if(m_wndSplitter.Create(this,
2, 2, // TODO: adjust the number of rows, columns
|
by: salmobytes |
last post by:
I try to do all css with percents and ems (elastic/liquid)
so my displays look as much the same as possible,
regardless the user's screen resolution. But I (still)
never seem to get what I want. Compromises seem
to lurk at every moment.
==========Static html
for instance:
font-size: 10px; /* looks drastically different at 768 wide
compared to 1024 */
|
by: cjstuttle |
last post by:
Could anyone help me, I'm a python noob and need some help. im trying
to find some code that will, given a screen co-ordinate, will give me
the colour of that pixel in RGB. i have found a lot about getting the
pixel colour from a picture file with a given co-ordinate, but is it
possible to do it from the whole screen output regardless what
application the selected pixel is in?
any help would be help.
thanks, Chris
|
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 effortlessly switch the default language on Windows 10 without reinstalling. I'll walk you through it.
First, let's disable language synchronization. With a Microsoft account, language settings sync across devices. To prevent any complications,...
|
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, it seems that the internal comparison operator "<=>" tries to promote arguments from unsigned to signed.
This is as boiled down as I can make it.
Here is my compilation command:
g++-12 -std=c++20 -Wnarrowing bit_field.cpp
Here is the code in...
| |
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 Update option using the Control Panel or Settings app; it automatically checks for updates and installs any it finds, whether you like it or not. For most users, this new feature is actually very convenient. If you want to control the update process,...
|
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: 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...
| |