Controlling zoom on nested divs?

Greetings,
I have three horizontal nested divs in a outer div.
The 3 nested divs are set to absolute position and the outer div
is set to relative position with align to center and a 100% page width.
The problem:
The left and right divs have a jpg.
The center div has text.
When you zoom in all browsers except firefox, the center div with the text
keeps getting narrower, as the two outer divs with the jpgs keep expanding.
How does one keep the center div with the text from getting squeezed in all browsers,
so that the center div width stays constant as the zoom increases?

It will only work if the file is opened in a browser window using the Adobe plugin. If other plugins are used then all bets are off.

Similar Messages

How do I create an auto page height with nested divs

I am using DW4 to create a website and am using nested divs to create the auto widths for the browsers
How do I make the height auto adjust for differing amounts of content? Different pages have different amounts of content so I want that height to auto flex with it if I can. Currently I give the Container a fixed height, but that is limiting ...
Here is my code so far - have not assigned specific style sheets yet
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
<style type="text/css">

</style>
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="Container">
<div id="Header">
<div class="largewhite" id="towncarheader">Northwest Town Car Services</div>
<div class="redtext" id="phone">
    <div align="right"><strong>Reservations | 503-702-5999</strong></div>
</div>
<img src="images/head.jpg" width="756" height="150" alt="BLue header" />
</div>
<div id="bodycontent">
    <p>Portland Airport Shuttle Services <br />
      Transportation to and from PDX International airport<br />
      How you make your next trip to Portland Airport could be the best thing about your journey.<br />
      By choosing Northwest Town Car’s Airport Shuttle Service, you will have chosen a stress free solution for your trip, both there and back. <br />
      First time customers: <br />
      When you reserve your first trip to PDX Airport receive 20% discount when paying by cash or check. | 10% if you pay by credit card. <br />
      Our service area covers:<br />
      Greater Portland areas<br />
      Beaverton<br />
      Hillsboro<br />
      Tigard<br />
      Tualatin<br />
      Lake Oswego<br />
      West Linn <br />
      View a complete list of our Locations and Rates & Services <br />
      Call for your reservation - 503-702-5999 | Or make your Shuttle reservation online.<br />
      We take care of the details.<br />
      Our luxury sedans provide the best alternative transportation solutions for every busy traveller. Whether you are taking a business or a personal trip, we will take care of the details.<br />
      We always arrive at least 5 minutes early at your doorstep. We make certain you have plenty of time so you can check in, check your luggage.<br />
    </p>
    <p>Our chauffeurs are experienced and will make sure they have your returning flight details so we can track your flight. We know if your plane will be delayed or a little early. Knowing that we will be there waiting for you when you arrive, no matter what time it is, gives you a bit more peace of mind.<br />
      Getting you to your destination safely is our priority and we pride ourselves in knowing the area well and providing the best routes available.<br />
      Our mark of success is your satisfaction.<br />
      Northwest Town Car opened its doors in 1998 and is proud to continue providing superior sedan and town car transportation choices to our customers.<br />
      Our Vehicles<br />
      We offer a variety of vehicles to meet your business and personal needs.<br />
      Our Fleet includes Town Cars, SUV’s, and Mini Vans.<br />
      Additional Services<br />
      Business / Executive events<br />
      We work with local corporations, businesses and hotels across town. Our areas of coverage include:<br />
      Westside<br />
      Beaverton<br />
      Tigard<br />
      Tualatin<br />
      Lake Oswego<br />
      Downtown Portland<br />
      Personal events<br />
      No matter the occasion we can get you to your destination safely and in style.<br />
      Weddings<br />
      Parties<br />
      Personal night on the town<br />
      Tours including Wine tours</p>
</div>
<div class="redtext" id="footer"> © 2010 Northwest Town Car Service</div>
<div id="navbar">
    <ul id="MenuBar1" class="MenuBarHorizontal">
<li><a href="#">Home</a></li>
      <li><a href="#">Fleet</a>      </li>
      <li><a href="#">Rates | Services</a></li>
      <li><a href="#">Testimonials</a></li>
      <li><a href="#">Resource Links</a></li>
      <li><a href="#">Contact</a></li>
    </ul>
</div>
<p> </p>
<p> </p>
</div>
<script type="text/javascript">

</script>
</body>
</html>
Thanks Kathryn

#1 Don't use the Height property on any wrappers or containers that will hold text. Height is a restriction in every browser except IE -- which treats height as if it were min-height. People need to be able to increase text size in browser (View, Zoom , Text only) without causing damage to the page.
#2 Why are you using absolute positioning? Don't you realize this layout method is a huge cross to bare?
Here is why:
http://apptools.com/examples/pagelayout101.php
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

Nested Divs - BG images not showing in IE 6

I'm using nested divs for the layout of the site below. The
div tags have a BG image in each.
Everything works fine except in IE6. In that browser none of
the BG images show up.
Here's the site:
http://www.jesseyoung.com/phenopath/test.html
CSS is pasted in below
Suggestions?
-Jesse
/* CSS Document */
body {
text-align:center;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 62.5%;
margin-top: 31px;
background-color: #333333;
background-image: url(images/BG.gif);
background-repeat: repeat-x;
/* Sets all margins and padding to zero*/
margin: 0;
padding:0;
/* Main Wrapper*/
#wrapper {
text-align:left;
width:900px;
position:relative;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
font-size: 1.2em;
height: auto;
.top {
background-image: url(images/top.jpg);
background-repeat: no-repeat;
background-position: center top;
.right {
background-image: url(images/right.jpg);
background-repeat: no-repeat;
background-position: right top;
.bottom {
background-image: url(images/bottom.jpg);
background-repeat: no-repeat;
background-position: center bottom;
.left {
background-image: url(images/left.jpg);
background-repeat: no-repeat;
.tlc {
background-image: url(images/tlc.jpg);
background-repeat: no-repeat;
background-position: left top;
.trc {
background-image: url(images/trc.jpg);
background-repeat: no-repeat;
background-position: right top;
.brc {
background-image: url(images/brc.jpg);
background-repeat: no-repeat;
background-position: right bottom;
.blc {
background-image: url(images/blc.jpg);
background-repeat: no-repeat;
background-position: left bottom;
.contentWrapper {
padding-right: 18px;
padding-left: 18px;
padding-top: 31px;
padding-bottom: 21px;
#logoNavWrap {
height: 71px;
width: 864px;
position: relative;
#logoBox {
width: 175px;
height: 71px;
float: left;
/*End hide from IE-mac */
#NavWrap {
float: right;
width: 650px;
padding-top: 30px;
#contentWrapperInner {
background-color: #FFFFFF;
/* Main Layout */
JESSE FOOTER CREDITS
a.jesse:link { color: #999999; font-size:8pt; font-family:
Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration:
none }
a.jesse:visited { color: #999999; font-size: 8pt;
font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
text-decoration: none }
a.jesse:hover { color: #999999; font-weight: bold; font-size:
8pt; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
text-decoration: none; letter-spacing: 1pt }
a.jesse:active { color: #999999; font-size: 8pt; font-family:
Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration:
none }
#jesseCredit {
width: 760px;
padding-top: 10px;
margin-top: 10px;
margin-right: auto;
margin-bottom: 10px;
margin-left: auto;
PAGE FOOTER
#footer a:link {
font-family: Arial, Helvetica, sans-serif;
font-size: 8pt;
color: #FFFFFF;
#footer a:visited {
font-family: Arial, Helvetica, sans-serif;
font-size: 8pt;
color: #FFFFFF;
#footer a:hover {
font-family: Arial, Helvetica, sans-serif;
font-size: 8pt;
color: #FFFFFF;
#footer a:active {
font-family: Arial, Helvetica, sans-serif;
font-size: 8pt;
color: #FFFFFF;
#footer{
font-family: Arial, Helvetica, sans-serif;
font-size: 8pt;
color: #FFFFFF;
#footerBox {
width: 760px;
padding-top: 10px;
margin-right: auto;
margin-left: auto;
color: #FFFFFF;
Navigation Banner
#navigationBanner {
background-color: #0033FF;
height: 50px;
width: 760px;
Clears floats within container, so container continues to
wrap around contents
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
.clearfix {display:inline-table;}
/*Hides from IE-mac\*/
*html .clearfix {height:1%;}
.clearfix {display:block;}
#imageBannerWrap {
height: 240px;
width: 862px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: none;
border-bottom-style: solid;
border-left-style: none;
border-top-color: #666666;
border-right-color: #FFFFFF;
border-bottom-color: #666666;
border-left-color: #FFFFFF;
padding-top: 1px;
padding-bottom: 1px;
margin-right: auto;
margin-left: auto;
#ColumnLeft {
padding: 20px;
#columnRight {
padding: 20px;
h1 {
color: #335AA3;
font-weight: normal;
letter-spacing: .1em;
font-size: 2em;

JesseLY wrote:
> I'm using nested divs for the layout of the site below.
The div tags have a BG
> image in each.
> Everything works fine except in IE6. In that browser
none of the BG images
> show up.
>
> Here's the site:
http://www.jesseyoung.com/phenopath/test.html
>
> CSS is pasted in below
>
> Suggestions?
I see your background images in IE6 - perhaps too much in IE6
even - I
see the BG.gif showing through in the area around the
navigation.
This could be one of these IE quirky things or perhaps a
matter of
needing background-color: #fff; applied to the divs in and
around that area.
HTH
chin chin
Sinclair

Please help!!....hide show nested divs....arrrgghhhhh...

I using 'div' tags with 'css' & javascript to make either
the divs visible
or hidden.(parents)
everything works cool with this though i now need nested divs
(conditionally
shown or hidden)(children) within each of the (parent)
divs....
whenever i make the parent visible, the child shows
also...!?!?!
Q.
how can i set up this properly using the div id tag and css
to show my
parents then if a link within the parent is chosen, the child
will
appear?????
Please help!!!

Sounds complicated. Why are the divs nested?
Can you post a link to this page?
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"russell" <russell@_NOspam_webruss.com> wrote in
message
news:e1p4gj$eu6$[email protected]..
>I using 'div' tags with 'css' & javascript to make
either the divs visible
>or hidden.(parents)
>
> everything works cool with this though i now need nested
divs
> (conditionally shown or hidden)(children) within each of
the (parent)
> divs....
>
> whenever i make the parent visible, the child shows
also...!?!?!
>
> Q.
> how can i set up this properly using the div id tag and
css to show my
> parents then if a link within the parent is chosen, the
child will
> appear?????
>
> Please help!!!
>

Control Zoom Artifacts

I have had my MacBook Pro i7 for about 2 months now. I noticed that sometimes lately (about 3 times in the past month) when I use the Control Zoom feature to zoom in the screen there are some ridiculous artifacts that appear. The screen will literally shift or off center to the left of the screen (about 4 inches) and the now empty right side will be filled with weird purple artifacts on screen. This only locks up and happens for about 2 seconds and then its back to normal.
Has anyone else experienced this issue?

Thanks for the information about USB Overdrive. I hadn't heard of that one but will check it out.
I will include what I know from the manufacturer's websites in case anyone else is having similar problems. Kensington claims that Mouse Works, their driver software is fully supported in SL but, they have stopped development for it and they did not provide an answer to my question as to whether they were working on new driver software. I will say that all the functionality of Mouse Works is intact with the one exception of scroll-zooming.
Wacom informed me that they are aware of this problem and currently are working on a solution but did not provide a time frame as to when they may be releasing an update or a new software piece. So it would seem that while Wacom is concerned and working to resolve the issue, Kensington has chosen to abandon its customers which is a shame considering the quality and workmanship of their products.
For anyone following this thread I will keep it updated as I learn new information but as it stands now, it seems that scroll-zooming with Kensington's Expert Mouse trackball is vapor and won't return. I'm pinning my hopes on Wacom and while this would still be cumbersome it will be less so than having a fourth input device on my desk (trackball, tablet, 3Dconnexion and Mighty Mouse being the fourth).

Control +/- Zoom disabled Cs4??

Hello, I am having a frustrating problem. WHen I try to use
my control +/- zoom, it is not working. Is there something I could
have done to disable that? I checked my number lock. I also looked
at the keyboard shortcuts and under the zoom shortcut there is a
yellow triangle that shows up with a message that says "this
shirtcut is already assigned to the pin script command", which I
assume is normal. I do not know how to fix this and searched forums
as well. I appreciate the help!

This is only occuring with the number pad.

Nested div tags "Design View" problem

I have had ongoing problems using nested div tags to layout
my page. The page displays correct in browser but does not display
properly in Dreamweaver Design View. Highlighting the CSS id in
Code View shows the correct groupings. The code also passed the
validator test.
I am fairly new at Dreamweaver so I could be missing
something basic.
Code is displayed at
http://www.mektronix-net.campusbizcenter.com/

I've not see this before, so can't say why it would be happening. Would the pc be low on resources? but then again you say it happened even after a restart of the pc.
Maybe you could try the file cache and the personal configuration folder fix to see if it fixes any issues.
http://forums.adobe.com/thread/417116#cache
PS: While I'm at it, it would be wrong for me to point out that using AP divs is not the optimum way to create a layout.... unless you know the repercussions of using them.
Here's why: (from the Dreamweaver FAQ)
http://forums.adobe.com/thread/477969

Screenshots with Control-Zoom

I'm trying to take screenshots with control-zoom but everytime I try 'command-shift-3' it takes a picture of the whole desktop (zoomed out) or 'command-shift-4' it limits how small of a screen shot I can take. Basically I want to be able to zoom really close on whatever part of the screen then capture exactly what I'm seeing on the screen. I.E. zoom really close on someone's face and take a screen cap of it, pixels and all. Anyone get what I'm saying? Anyone know how I can do this?
Thank you.

Thanks for the information about USB Overdrive. I hadn't heard of that one but will check it out.
I will include what I know from the manufacturer's websites in case anyone else is having similar problems. Kensington claims that Mouse Works, their driver software is fully supported in SL but, they have stopped development for it and they did not provide an answer to my question as to whether they were working on new driver software. I will say that all the functionality of Mouse Works is intact with the one exception of scroll-zooming.
Wacom informed me that they are aware of this problem and currently are working on a solution but did not provide a time frame as to when they may be releasing an update or a new software piece. So it would seem that while Wacom is concerned and working to resolve the issue, Kensington has chosen to abandon its customers which is a shame considering the quality and workmanship of their products.
For anyone following this thread I will keep it updated as I learn new information but as it stands now, it seems that scroll-zooming with Kensington's Expert Mouse trackball is vapor and won't return. I'm pinning my hopes on Wacom and while this would still be cumbersome it will be less so than having a fourth input device on my desk (trackball, tablet, 3Dconnexion and Mighty Mouse being the fourth).

Nesting DIV Insertion Tags

I'm in the process of teaching myself Dreamweaver and was
just wondering to what level you can keep inserting nested DIV tags
into other nest DIV tags. For example, if I'm setting up a template
and insert a div #wrapper and then I nest a content wrapper into
the original wrapper div and then nest another div into my content
wrapper (we will call it #body copy) and then another 6 nested DIV
tags into #boy.
Is this Kosher for standard web design? I just want to be
sure I'm not going to drive my programer crazy once he gets the
site I'm building (yes, while learning).
Thanks!

Is your boss OK with getting a web site that looks like it
was made by
someone who has never made a web site before? I wouldn't be.
DW is going to beat you up real bad if you don't know
HTML/CSS.
> What alternative methods are there for setting up a
custom template
> template
> with DIV insert tags without nesting them? Or am I just
going down the
> wrong
> path all together with the DIV tag thing?
I'm not sure how you got into this nesting thing but it is
definitely not a
central focus of page layout. Of course there are nests, but
not as a
general method.
http://apptools.com/examples/pagelayout101.php
This may help, too -
Taking a Fireworks comp to a CSS-based layout in Dreamweaver
http://www.adobe.com/devnet/fireworks/articles/web_standards_layouts_pt1.html
http://www.adobe.com/devnet/fireworks/articles/web_standards_layouts_pt2.html
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"ckohmy" <[email protected]> wrote in
message
news:gefnf7$h88$[email protected]..
> I'm on the brink ... lol
>
> Long story short, I'm a print based designer who is
trying to build a
> company
> web site by the request of my boss. The only training I
have in
> Dreamweaver was
> a web I class back in 2002 (so you might as well say
zip/zero).
>
> What alternative methods are there for setting up a
custom template
> template
> with DIV insert tags without nesting them? Or am I just
going down the
> wrong
> path all together with the DIV tag thing?
>

Nested divs for CSS + XHTML export

I am creating divs per the video instructions, so that I can
export the CSS and XHTML.
How would I go about creating a nested div?
Tnx, Marje

Try adding overflow:hidden to your wrapper.
.content2wrap{
           width: 615px;
           padding: 5px;
          overflow:hidden; /**for float containment**/
Nancy O.

Imaq Display Control, zoom to fit disappeared at runtime.

Like in the title. The right-click menu is impossible to call at runtime in the Imaq Display control. This has happened after compiling the code.
Some idea why it is happen this?
Francesco.
Solved!
Go to Solution.

Thank you very much, this is exactly what i search for!
b.ploetzeneder ha scritto:
I have had this problem before.
The solution is not very pretty, but it can be found here: http://forums.ni.com/t5/LabVIEW/Missing-quot-Zoom-to-fit-quot-in-application-EXE-build/td-p/905681
Birgit

Control zoom

In Lion you could smoothly zoom the screen by holding control and scrolling on the magic mouse. In mountain Lion it does not work . Is it me, am I missing something or is it gone?

It should be set up like lion within lion if you wanted to do this you went to system preferences then to universal access and then to seeing and then where it says zoom you had to make sure the modifier key is stand that will solve it for you

Macro or vba to control zoom of excel workbook

Hi
all workbooks when executed zooms out to 100% automatically
how do i write vba code or macro to control this zoom to 75%
where do i write it
also i save workbooks with zoom 75% on bw server, still upon execution or refresh it zooms out to 100%
referring other posts but no help
thnx
gurus !!!!!!!
Edited by: kartikey on Jun 10, 2009 12:38 PM

Hi Kartikey,
Please try this way,
Run your Bex query first, When you get the data then follow the below steps,
Right click on 'sheet1' ---> select 'View Code'
Here you will get SAPBEX(sapbex.xla) which is password protected , forget it
another one is VBAProject, under this project Double click on Sheet1(SAPBEXQueries)
and paster below given code
Private Sub Worksheet_Change(ByVal Target As Range)
ActiveWindow.Zoom = 75
End Sub
now this will set your worksheet zoom to 75% , if you refresh your query , this will be remain same,
Please let me know if this is helpful for you
Cheers
Sukhi
9717080615
Edited by: Sukhvidner Singh on Jun 11, 2009 1:01 PM

Control Zoom Feature

I was wondering if it's possible to control the location/amount of zoom when you double tap the iPad in DPS for InDesign.
Hopefully that was clear.
Thanks!

Hello
I'm working on a 1280* 752 on Galaxytab 10.1
I have to TAP before the zoom can work
I put the zooms in a dedicated page, in a box that is 1192*752, at the left, i just keep a column on the right to put navigation buttons
Can't it work "directly" ?
thanx

Imaq Image Display Control - Zoom tool - zoom factor changes slowly

Hi at all,
we have a strange behavior with the zoom factor of the Image Display Control in an Labview executable.
Ususally by clicking into the image with the zoom tool activated, the zoom factor changes from 1,2,4,8,16, ... ("x2")
Now we have one PC, where it changes from 1,2,3,4,5,... ("+1")
Has anyone an idea on which windows setting this behavior depends on? The PC runs with Windows XP SP3, the LV-Exe was built
with LabVIEW 8.5.1 and the Vision Development Module 8.5.0. Is there any regsitry setting where I can adjust the "click intensity" or
something like that? Or can I set a property of the image control to force a specific behavior?
Actually I have never seen this behavior before, I only know the half/double mode.
In the software the operator has to search for fiducials on PCBs what means he has to click several times into the image.
Changing in the Mode "+1" instead of "x2" is not acceptable for him.
Thanks for your help!
Stefan

Hello Stefan,
thank you for posting at the National Instruments forum. The "Zoom Behaviour" was changed due to customer requests. I totally agree with you, that it is not the best solution to click 24-times to get the desired region of interest.
I created a small example for LabVIEW 2010, which uses a property node and event structure, to perform the zoom programmatically.
Best regards
MarianO
Attachments:
Calculate Zoomfactor.vi ‏21 KB
Image Example.vi ‏63 KB

Controlling zoom on nested divs?

Similar Messages

Maybe you are looking for