473,890 Members | 1,642 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 4585
"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
9137
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
4624
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
2121
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
2456
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
1720
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
2350
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
1771
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
1848
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
3775
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
1580
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
9816
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,...
0
11218
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...
0
10452
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
9618
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...
0
7161
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();...
0
5837
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...
0
6036
by: adsilva | last post by:
A Windows Forms form does not have the event Unload, like VB6. What one acts like?
1
4667
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
2
4260
muto222
by: muto222 | last post by:
How can i add a mobile payment intergratation into php mysql website.

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.