473,795 Members | 3,231 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

Preventing side-by-side divs from slipping under each other?

I know this is probably a dumb question so please be patient with me. I've
been doing HTML since 1994, but mostly for projects that had to be as
completely compatible as possible and mostly existing projects. So that
meant dealing with the traditional table layouts (i.e. using tables for
the entire structure of a page). I'm just not getting to use DIVs solely
for the layout of a page. The one problem I'm having is that I'm trying to
setup a side-by-side menu/content setup and if the user has a small
monitor or browser window the content slips beneath the sidemenu. Is there
any way to avoid this?

Preston
Jul 20 '05 #1
9 4581
"Preston Crawford" <me@REMOVESPAMB LOCKprestoncraw ford.com> wrote in message
news:pa******** *************** *****@REMOVESPA MBLOCKprestoncr awford.com...
I know this is probably a dumb question so please be patient with me. I've
been doing HTML since 1994, but mostly for projects that had to be as
completely compatible as possible and mostly existing projects. So that
meant dealing with the traditional table layouts (i.e. using tables for
the entire structure of a page). I'm just not getting to use DIVs solely
for the layout of a page. The one problem I'm having is that I'm trying to
setup a side-by-side menu/content setup and if the user has a small
monitor or browser window the content slips beneath the sidemenu. Is there
any way to avoid this?


Absolute positioning?

Regards,
Peter Foti
Jul 20 '05 #2
On Mon, 09 Feb 2004 14:09:28 -0500, Peter Foti wrote:
"Preston Crawford" <me@REMOVESPAMB LOCKprestoncraw ford.com> wrote in message
news:pa******** *************** *****@REMOVESPA MBLOCKprestoncr awford.com...
I know this is probably a dumb question so please be patient with me. I've
been doing HTML since 1994, but mostly for projects that had to be as
completely compatible as possible and mostly existing projects. So that
meant dealing with the traditional table layouts (i.e. using tables for
the entire structure of a page). I'm just not getting to use DIVs solely
for the layout of a page. The one problem I'm having is that I'm trying to
setup a side-by-side menu/content setup and if the user has a small
monitor or browser window the content slips beneath the sidemenu. Is there
any way to avoid this?


Absolute positioning?

Regards,
Peter Foti


Yeah, I thought there was a way to do this and still float them. And I
thought there was a problem with absolute positioning. I just can't
remember what it is anymore. :-)

Too much table layout.

Preston
Jul 20 '05 #3
On Mon, 09 Feb 2004 11:00:21 -0800, Preston Crawford
<me@REMOVESPAMB LOCKprestoncraw ford.com> wrote:
I'm just not getting to use DIVs solely
for the layout of a page. The one problem I'm having is that I'm trying to
setup a side-by-side menu/content setup and if the user has a small
monitor or browser window the content slips beneath the sidemenu. Is there
any way to avoid this?


Why do you want to avoid this? It's one of the advantages of CSS.

--
Stephen Poley

http://www.xs4all.nl/~sbpoley/webmatters/
Jul 20 '05 #4
On Mon, 09 Feb 2004 21:00:10 +0100, Stephen Poley wrote:
On Mon, 09 Feb 2004 11:00:21 -0800, Preston Crawford
<me@REMOVESPAMB LOCKprestoncraw ford.com> wrote:
I'm just not getting to use DIVs solely
for the layout of a page. The one problem I'm having is that I'm trying to
setup a side-by-side menu/content setup and if the user has a small
monitor or browser window the content slips beneath the sidemenu. Is there
any way to avoid this?


Why do you want to avoid this? It's one of the advantages of CSS.


I agree. My wife is getting people, though, who have their browser windows
below 800px wide apparently, and they're complaining about content
"disappeari ng". Ugh. So I have to make it scroll and not slip.

Preston
Jul 20 '05 #5
Els


Preston Crawford wrote:
On Mon, 09 Feb 2004 21:00:10 +0100, Stephen Poley wrote:

On Mon, 09 Feb 2004 11:00:21 -0800, Preston Crawford
<me@REMOVESPA MBLOCKprestoncr awford.com> wrote:

I'm just not getting to use DIVs solely
for the layout of a page. The one problem I'm having is that I'm trying to
setup a side-by-side menu/content setup and if the user has a small
monitor or browser window the content slips beneath the sidemenu. Is there
any way to avoid this?


Why do you want to avoid this? It's one of the advantages of CSS.


I agree. My wife is getting people, though, who have their browser windows
below 800px wide apparently, and they're complaining about content
"disappeari ng". Ugh. So I have to make it scroll and not slip.


I'd say, that if 'below 800px wide' makes the div slip, you
are having your div too wide :-)
You probably have the menu left, which i don't think would
be as much as 400px wide... So if the right side div doesn't
have a fixed width, it should be able to get very narrow
before slipping under the menu.
Well possible to have both, I think; no scrolling, and no
slipping.

--
Els

Mente humana é como pára-quedas; funciona melhor aberta.

Jul 20 '05 #6
On Mon, 9 Feb 2004, Preston Crawford wrote:
I agree. My wife is getting people, though, who have their browser windows
below 800px wide apparently, and they're complaining about content
"disappeari ng". Ugh. So I have to make it scroll and not slip.


I would take one of the other options.
Jul 20 '05 #7
On Mon, 09 Feb 2004 14:57:24 -0800, Preston Crawford
<me@REMOVESPAMB LOCKprestoncraw ford.com> wrote:
My wife is getting people, though, who have their browser windows
below 800px wide apparently, and they're complaining about content
"disappeari ng". Ugh. So I have to make it scroll and not slip.


Have you been reading how I've been rolled through the coals? I don't mind
it at all if others learn from my mistakes... but please do!

If people complain about content being off the browser, adding the scroll
bar will apparently be like a bandaid on an axe wound. The more I look at
the new fluid design I implemented on my home page, the more I do agree
it's an improvement. So go with a squishy design that'll stretch to the
viewport size.

Jul 20 '05 #8
Preston Crawford <me@REMOVESPAMB LOCKprestoncraw ford.com> wrote in
news:pa******** *************** *****@REMOVESPA MBLOCKprestoncr awford.com:
I agree. My wife is getting people, though, who have their browser
windows below 800px wide apparently, and they're complaining about
content "disappeari ng". Ugh. So I have to make it scroll and not slip.


I think the problem here is that you're trying to fix the width of both the
menu and the content. I'd either size both in percentages (so that their
widths both scale, in the same proportion, as the viewport is resized), or
fix the size of the menu (in ems, not pixels, so that the width of the menu
adjusts according to the font size but not the viewport width) but not the
content, so that the content gets wider or narrower in relation to the menu
as the viewport is resized.

In the former case, the content won't go below the menu unless the viewport
is too small to accommodate both the longest word in the menu and the
longest word (or widest image) in the content. In the latter case, the
content won't go below the menu unless the viewport is too small to
accommodate both the (fixed) width of the menu and the longest word or
widest image in the content.

You might take a look at what I did on
<http://www.wayneengine ering.com/products.php> where I used the former
technique.
Jul 20 '05 #9
On Mon, 09 Feb 2004 14:57:24 -0800, Preston Crawford
<me@REMOVESPAMB LOCKprestoncraw ford.com> wrote:
On Mon, 09 Feb 2004 21:00:10 +0100, Stephen Poley wrote:
On Mon, 09 Feb 2004 11:00:21 -0800, Preston Crawford
<me@REMOVESPAMB LOCKprestoncraw ford.com> wrote:
I'm just not getting to use DIVs solely
for the layout of a page. The one problem I'm having is that I'm trying to
setup a side-by-side menu/content setup and if the user has a small
monitor or browser window the content slips beneath the sidemenu. Is there
any way to avoid this?


Why do you want to avoid this? It's one of the advantages of CSS.


I agree. My wife is getting people, though, who have their browser windows
below 800px wide apparently, and they're complaining about content
"disappearing" . Ugh. So I have to make it scroll and not slip.


If you give us the URL, we might be able to offer some better
suggestions.

--
Stephen Poley

http://www.xs4all.nl/~sbpoley/webmatters/
Jul 20 '05 #10

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

Similar topics

2
9135
by: Martin Lucas-Smith | last post by:
Can anyone provide any suggestions/URLs for best-practice approaches to preventing SQL injection? There seems to be little on the web that I can find on this. Martin Lucas-Smith www.geog.cam.ac.uk/~mvl22 www.lucas-smith.co.uk Senior Computing Technician (Web Technician) Department of Geography, University of Cambridge (01223 3)33390
5
4617
by: Bruce | last post by:
I have a number of forms that do significant work based on variables POSTed from the form. What is the common method of detecting and preventing this work from being done when the form is POSTed as the result of the user clicking the Back or Reload buttons in the browser? --Bruce
7
2116
by: Matt | last post by:
I have an interactive web page that I need to prevent refreshes on. The problem is that I want to ALLOW resubmissions, but only via the submit button. My web page has two forms on it, one form for adding users, and one form for removing users. I want to be able to add a user, click the submit button, add another user, click the submit button again, and so on, BUT, disallow adding a user and then hitting refresh (which would add the same...
1
2452
by: David Hane | last post by:
Hi all, I would like give users the ability to experiment with complex queries but I'm worried about them creating queries that will bog down the server. Does anyone have any ideas for preventing a runaway process? I'd like to empower my users AND keep my server online :-) Thanks!
2
1710
by: Tim Marsden | last post by:
Is there a way of turning off or preventing the print screen function while my application is running. (VB.NET). Thanks Tim
8
2343
by: CJM | last post by:
How do people go about preventing the user from submitting a form for a 2nd time? For example, the user submits a form, clicks on the back button, and the submits the form again. I have used various techniques in the past (depending on circumstances) but I'd be interested in the techniques you guys currently use. Thanks --
3
1768
by: shortbackandsides.no | last post by:
I've been having trouble preventing users pressing Enter part way down a form so the incomplete form gets submitted. I came up with a possible solution - the code below seems to work in both mozilla and MSIE - is this a good way to solve the problem? Is there a better alternative? Have I done anything stupid? My aim was to disable the normal submit process then use javascript to submit which appears to bypass that and work...
1
1832
by: Wayne Aprato | last post by:
Is there an effective method of preventing users from accidentally or maliciously deleting the database file/files from a shared network drive? At the moment, I'm using a batch file to copy the data.mdb to another secure location every time a particular user who performs most of the data entry exits the database. Setting the windows permissions for the database folder to "read only" seems to create problems and data entry users obviously...
5
3768
by: Bill Henning | last post by:
Does anyone know a good method of preventing keyboard and mouse events from interrupting processing? My situation is: 1) I need to track and handle all key and mouse events 2) I need to perform processing on certain key/mouse events 3) If key/mouse events interrupt processing, the events should not be discarded since they need to be handled but AFTER the current processing is complete
3
1574
by: Boni | last post by:
Dear all, I create a big number of a class instances of some class. Sometimes this instances must be collected (all pointers are deleted, but instance is not explicitly disposed).But sometimes I need to notify all living instances to reread an init file. Since I don't want to prevent a garbadge collection of the instances I don't have an explicit collection of all living instances. So I am trying to use shared event for notification.
0
9672
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, 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...
0
10435
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, 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...
1
10163
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,...
0
10000
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 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...
0
9037
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, 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...
1
7538
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 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...
0
6779
by: conductexam | last post by:
I have .net C# application in which I am extracting data from word file and save it in database particularly. To store word all data as it is I am converting the whole word file firstly in HTML and then checking html paragraph one by one. At the time of converting from word file to html my equations which are in the word document file was convert into image. Globals.ThisAddIn.Application.ActiveDocument.Select();...
1
4113
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
3
2920
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 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.