Outside container in place, yet contents moving when zooming and in IE.

Hello,
Been working on a new page for about a week and have hit a brick wall.
Placed a div container around my entire contents in hopes to keep them locked at all times, however, this is not the case.
In Chrome and Firefox, when zooming in and out, you can see the right side shifting. (And is it me, or does the right column look longer than the left by just a hair???
And in IE, it doesn't even look like my page. WHY?
http://www.saintleo.edu/VirtualTour/demo6.html
I hope you can see what I'm asking for. As always, I appreciate your time and assistance.
Kind regards,
JK

Hi Nancy,
I trust your opinion and have always learned something from your advice.
I've started with what you have given me, however, I'm almost afraid to touch anything as I'm prone to overthinking or complicating the code.
For example, my current worries are:
1. Do I have to create div's in order to add spacing between the thumb images and text since it falls under one big <p>?
2. The design that you provided is clean and sharp and I love it. But, will I still be able to ultimately have the thumbs populate the larger image in the middle area which will play the Vimeo files?
I guess that's where things spun out of control with my first go at it. I just don't want to move forward without checking with you first.
Here's my current code: (Thank you again, Nancy. You are so very helpful and I can't thank you enough.)
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>HTML5, 3-columns</title>

<style>
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
margin: 0;
padding: 0;
body {
font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
font-size: 100%;
background-color: #275d39;
color: #FFF;
#wrapper {
width: 1000px;
margin: 0 auto;
overflow: hidden; /**float containment**/
/**middle**/
section {
width: 56%;
float: left;
/**left and right**/
aside {
width: 22%;
float: left;
aside img {
vertical-align: middle;
border: 5px groove #FFF;
float: left;
aside p {
padding: 6px;
font-weight: bold;
min-height: 75px;
border: 2px solid #CCC;
border-bottom: none;
/**add bottom border to last p only**/
aside p:last-child { border-bottom: 2px solid #CCC}
/**on mouseover**/
aside p:hover {
cursor: pointer;
background: #e2ae0e;
color: #275d39;
footer {
clear: both;
padding-top: 45px;
padding-left: 45px;
</style>
</head>
<body>
<div id="wrapper">

<aside>
<p><img alt="Overview" src="http://www.saintleo.edu/VirtualTour/Images/Overview-thumb.jpg">
Overview</p>
<p><img alt="St. Leo Abbey" src="http://www.saintleo.edu/VirtualTour/Images/St.LeoAbbey-thumb.jpg">
St. Leo Abbey</p>
<p><img alt="Athletics" src="http://www.saintleo.edu/VirtualTour/Images/Athletics-thumb.jpg">
Athletics</p>
<p><img alt="Student Community Center" src="http://www.saintleo.edu/VirtualTour/Images/StudentCommunityCenter-thumb.jpg">
Student Community Center</p>
<p><img alt="School of Education & Social Services" src="http://www.saintleo.edu/VirtualTour/Images/SchoolOfEducation&SocialServices-thumb.jpeg">
School of Education & Social Services</p>
</aside>

<section>
<img alt="description" src="http://placehold.it/560x375">
</section>

<aside>
<p><img alt="Freshman Residence Halls" src="http://www.saintleo.edu/VirtualTour/Images/FreshmanResidenceHalls-thumb.jpg">
Freshman Residence Halls</p>
<p><img alt="School of Arts & Sciences" src="http://www.saintleo.edu/VirtualTour/Images/SchoolOfArts&Sciences-thumb.jpg">
School of Arts & Sciences</p>
<p><img alt="Residence Apartments" src="http://www.saintleo.edu/VirtualTour/Images/ResidenceApartments-thumb.jpg">
Residence Apartments</p>
<p><img alt="Student Activities Building" src="http://www.saintleo.edu/VirtualTour/Images/StudentActivitiesBuilding-thumb.jpg">
Student Activities Building</p>
<p><img alt="School of Business" src="http://www.saintleo.edu/VirtualTour/Images/SchoolOfBusiness-thumb.jpg">
School of Business</p>
</aside>

<footer> Your footer goes here... </footer>

</div>
</body>
</html>

Similar Messages

NVidia error code 6 When zooming and panning a high res still image

I am consistantly getting the following error code which shuts down CS6. This is when zooming and panning a still images measuring something like 5300 pixels wide, and 4000 pixels high. I started by looking at the video driver, but nVidia says it is up to date. I am now wondering if the size of the still image is actually the problem? This is in a 1080 sequence.
Harware is GTX570
Any ideas?

Bill and Dennis.
Error Code 6 message - new challeng in the past 48 hours on very old premiere project.
My system - Win 7 64 byte serv pack 1, Ppro CS5.0.3, I7 processor, 12 g ram, nvidia gtx 470.
In the past 2 days, I am getting error code 6 from Nvidia on a logo that is keyed and 3d rolled on white background. The logo has been used without issue for many months in this same project and was encoded correctly by Adobe 1920 x 1280. Once this issue began, I had to render it 1-3 frames per request of project rendering last night. I imported the correctly encoded logo again to the project and it began to have the same issue again. I tried to change the harsh 3d rotations to see if it would relieve the processors overall. Nothing changed after it began to freeze up wtih the error message.
I saved, shut the PC down and left the system rest overnight.
This morning the project will get past the small load screen, but will not get past pulling the first file in the project once the editing screen loads. Prem Pro will launch correctly in all other projects this morning, but not this one. It gives me the same error message as it did when the problem started, but I can't even begin to touch the project. Message - "Hardware config doesn't meet min standards Error Code 6". I close the program, but then have to enter task manager to relaunch the program since it just hangs there.
My work around, when the project launched yesterday, was to render a much smaller amount of frames at a time which worked SLOWLY, but now I can't even access the program. Ouch. Backups are available from a few days ago, but I want to discover why this happened to avoid this issue for the future. Not much confidence at this point particularly when I rendered to match rez and deleted the media cache yesterday just in case the system was having to work around more cache than needed.
I have my computer hardware company looking into the issue, but I didn't take any known updates on the software in the past week. I thought this might be a thermal issue because we are having some challenges keeping our editing area cool enough, but that isn't the issue this morning because the other projects do launch correctly and the ambient temps are down. Thanks for any suggestions. I am a little slow to go out and see if there are any updates from Nvidia until I am out of options. I don't want to change the system scenario before I see if there are any other options.

Lightroom 5.2 BLURRY When Zooming and Moving

EDIT: Updating to 5.5 seemed to have fixed this. FINALLY!
Now when panning around while zoomed in, it no longer pixelates.
This was not in any previous versions or 5.2 RC. Happens in the develop module.
1. Everytime I zoom in or out, the image goes BLURRY for a second.
2. Then when zoomed in and I click and drag, it say's sharp except on the edges that where not in view which get's pixelated, but when I let go of the mouse button, the entire picture goes blurry for 1-5 seconds. Even if I click and drag only 1 pixel over it blurs the entire photo.
3. It also sometimes does it when tapping \ to show before and after it goes all blurry and lags before it shows the before.
4. It does it when clicking back and forth from one image to another in the photo strip.
Before it use to be zooming in would look mildly pixelated for a moment, then when clicking and draginng only the edges out of view would look mildly pixeled for a moment. This is driving my nuts I've reinstalled lightroom, deleted the preferencees folder, optimised catalog. Not fixed. It's also slower than it use to be.
Example. Sometimes the blur is even worse. Click to enlarge

I solved my own issue. I saw an article @ http://www.lightroomforums.net/showthread.php?19694-Spot-removal-tool-doesn-t-work-with-Wa com-Intuos-5-in-LR-5 that solved my issue.
Step 1:
Walcom Tablet Properties
Step 2:
Click on Customize and change the default line graph from this:
Step 3:
To this
Step 4:
Click OK.
After that, my spot edit tool stopped freezing in LR 5.2 while i was using my intuos 5 pen.
Prior to doing this, I also did the procedure listed here: http://forum.wacom.eu/viewtopic.php?f=10&t=8036
So it's possible that both need to be done in order for the freezing to stop. I hope this can help others.

BUG: Content moving between Muse and Preview/Browser

Content on the sites I design move from where its placed in the muse application and where it is in preview mode on a browser (or actually uploaded) before the update where it was on Muse was where it was when it was uploaded, what was on preview was just incorecct. However now what gets uploaded is what is shown in preview mode now Muse, which is incorccectly placed.
It's done it in some kind of form on every project I've completed.
Hopefully the pictures below will explain this better.
The items below aren't in the "footer" and this is on a page, not a master.
Any help would be appricated.
The only "cure" I've found for it is to copy the parts which are incorrect, and paste them in place. Usually this makes something else move (in this case the white bar went to where it is in muse and the black sides went back to where they should be in preview so I had to then copy the white bar and paste it in place)

Thanks BenB.
What Mac are you on?
2 x 2.26 GHz Quad-Core Intel Xeon 8 GB
Digital Rebellion, free app called Preference Manager, trash FCP X preferences.
Yes - I AM the TrashMeister!
I also find sometimes I have to toggle Scrubbing on/off (s key) once or twice to break out of playhead issues on rare occation.
That's a bug, too, then.
I can get out of it (by clicking with the mouse) and trashing the prefs seems to help - but it looks like a bug to me.
Surely trashing the prefs should not be required - I rearely need to trash the prefs of any other application - and if it is (and it has been since I started using FCP 4) then why the h*ck doesn't FCP X trash its own wretched prefs?
Andy

Flash content distorts when scrolling and switching tabs.. since FF 13.0.1..

Before describing the issue
Please note from the System Details pane to this post that I have the latest flash, etc.
And Windows updates,are up to date.
==================================================
Issue: Scrolling distorts flash player window (Youtube, hulu, etc.)
Since: FF 13.0.1 update in June. (I posted on the issue under "badly scrambled images".)
Problem is still there with FF 14.0.1
This distortion happens:
# even with just starting the browser (so no bloated cache)
# even with just only one or two tabs open.
And since last week's update to FF 14.01, I have also detected:
Switching to the the tab with flash content will "imprint" the image from the my previous tab on to the flash player. I have to scroll or refresh to get the flash player to show its content.
FYI, none of these flash player problems occur with IE9.
The advise from a regular contributor was to turn off hardware acceleration, but these did not solve this issue.:(
Solutions suggesting disabling all the plugins etc. have not solved the problem either.
So if you can tell me some other way to solve this, I will appreciate it.
Thanks.
Images:
[URL=http://imageshack.us/photo/my-images/824/ff14scramblesyoutubecon.png/][IMG]http://img824.imageshack.us/img824/4443/ff14scramblesyoutubecon.th.png[/IMG][/URL]
[URL=http://imageshack.us/photo/my-images/715/stillscrambledflashcont.png/][IMG]http://img715.imageshack.us/img715/6813/stillscrambledflashcont.th.png[/IMG][/URL]

Sorry, it took me a while to give feedback for the suggestions you have given here.
(Please refer to sidebar on the original post for system details.)
I have reset the profile and updated the Nvidia driver. The version of FF is 14.0.1. But it still scrambles the pictures.
On top of scrambling the flash content when scrolling, it has additional problems:
As you can see from the attached image, another tab's content is showing on the youtube flash player. This happens when I have paused the video even for a short time.
I have a suspicion that the combination of Flash and Firefox does some weird things to graphic processing and memory.
(I realize that IE implements Flash differently, but they seem to have this right.)
I might just have to say goodbye to Firefox for a while.
Thanks.

My iphone 4 does not show the green bar moving when charging and sometimes the lightning bar does not show up.

my iphone4 green battery bar does not move when charging. the lightning bolt is showing, but it is not moving and it shows onlu about 1/4 way charged. I have cut it off and back on and bought a new charger.

does anyone know the answer

Divs moving when zooming in on screen

Hi I am finding that the lower four divs on my homepage design are jumping around if I zoom in and out, only in IE works OK in FF and Chrome.
It was working ok even though the divs are fixed width and floated left. But I must have changed something that has had a knock on effect??
Any suggestions appreciated
http://www.katebellingham.co.uk/index.php
Regards
Mark

There is no way to "zoom" a photo other than for viewing - you can crop it and then thecropped image is saved when you click done and you can print it
LN

Content canvas and a stacked canvas moving when scroll through the details

Dear Friends
I have Mater and Details Block , and I have two canvas content canvas and a stacked canvas, and the a stacked canvas on top of content canvas , and I have set the horizontal and vertical scroll bar for the stacked canvas , my problem is that when I inquire and click on the details block which is on stacked canvas the header content canvas is moved up
and what I want the header to be stable and not moving when scroll through the details .
Best regards
Jamil Alshaibani

if the canvas is moved during runtime in general the problem is that is does not fit completly in the window. Try to adjust your window-size so that the whole layout fits into it.

Prevent lower text from moving when accordion panels open

I tried out the Accordion Panel from Project Seven which is
really nice and works well. My only issue right now is that I would
like to prevent the rest of the text outside and below this widget
within the same column from moving. When any panel opens it causes
the contents of the entire column to shift down thus causing the
page to shift down as well.
I have tried using a new div for the content below the panels
and also a new table below but can't seem to figure out how to keep
the content from shifting. Curently I have a table cell nested and
have tried with CSS to keep it from moving but that is not working
either.
Thanks in advance for any help with this.
Here is the code for the column in question:

no takers on this one? Does anyone know how I could fix this
with divs? Is it possible to put this accordion into a separate div
and create another below it that would not move? Like on the new
apple site...They have some really awesome accordion style navs on
the sides that do not throw the rest of the page off when they open
or close.
Thanks.

Download content locally when needed by running task sequence functionality with Windows PE.

I am trying to understand what happens when the "Download content locally when needed by running task sequence" option in chosen on a task sequence deployment. My assumption is that any needed packages would not be identified
and downloaded until task sequence is kicked off.
Using task sequence boot media, it looks likes a package has been obtained before any task sequence has been selected. I am assuming the package was acquired during the WinPE boot process. Can anyone confirm that this is
the correct behavior when using the "Download content locally when needed by running task sequence" option? If not, how would WinPE be obtaining the PS100292 SCCM package?
This specific package contains and HTA file. Only one of several task sequences deployed to the All Unknown Computers make a call to the HTA file. The one that does, the HTA call is the very first step of the task sequence.
--Tony

Hi everyone! I figured what was going on here. I was using an ESX VM and the package was stored on the c:\ from previous attempts and troubleshooting. Long story short, I had to rip the HDD from the VM and add a new one to set every thing back.

The page contains markup that is not valid when attached to master page

Hi,
I have create an web application in VS 2005 and convert into VS2008. now i am facing a problem that a single page is not open in design mode which is inherit from master page.
and a message comes.
Error: The page contains markup that is not valid when attached to master page
please give me the suggestion that how can i open this page in design mode.
Thanks
Gaurav Anand

Neither worked for me. Here is my code.
<
asp:Content ID="Content1" ContentPlaceHolderID="fkhead" Runat="Server">
<script runat="server">
Public Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
If Not Page.IsPostBack Then
Dim a As String = "This is other data"
pqriminadpaylbl.Text = a
pqrimincustlbl.Text = a
pqriminadpaylbl.Text = a
pqriminpcdevlbl.Text = a
pqriminpctoollbl.Text = a
pqriminsaleslbl.Text = a
pqriminspadeslbl.Text = a
pqriminspamatlbl.Text = a
pqrimintdamortlbl.Text = a
pqrimintdcclbl.Text = a
pqrimintddtlbl.Text = a
pqrimintdfclbl.Text = a
pqrimintucdeslbl.Text = a
pqrimintucdollarlbl.Text = a
pqrimintucmatlbl.Text = a
pqriminvolaslbl1.Text = a
pqriminvolaslbl2.Text = a
pqriminvolasyear1lbl1.Text = a
pqriminvolasyear1lbl2.Text = a
pqriminvolasyear1lbl3.Text = a
pqriminvolasyear1lbl4.Text = a
pqriminvolasyear1lbl5.Text = a
pqrimindislbl.Visible =
False
pqriminprevbtn.Visible =
False
pqriminnextbtn.Visible =
False
End If
End Sub
</script>
<style type="text/css">
.trest
.newStyle1
text-align: right;
.table
width: 100%;
.newStyle2
font-size: 20pt;
font-weight: bold;
text-decoration: underline;
text-align: center;
.tdparts2
font-size: 16pt;
font-weight: bold;
.tb25
width: 25%;
font-size: 9pt;
.tb20
width: 20%;
font-size: 9pt;
.tb40
width: 40%;
font-size: 9pt;
.tb30
width: 30%;
font-size: 9pt;
</style>
</
asp:Content>
It works fin, but the designer keeps craping out. This was not happening until recently. Not sure what is up with it.

Safari acting odd, 70% of time, some page contents vanish when browsed over

Hi there,
& bear w/ me. It always hard to describe a problem when you've become confused, and run down lots of blind alleys.
Safari has been having increasing trouble opening pages, often -- but not always __ hanging in midload much longer then I'm used to.
Fearing a possible virus or such ( in my uninformed way ) I started a Norton AntiVirus scan of the HD. If there's a way to scan mail seperatety , I don't know it....perhaps that's the province of spam-filters ?
While this hours long scan has been running, I've gone ahead & tried some normal business. ( foolishly ? )
First on a Symantec page, then MySpace, moving the browser would cause all contents to "fold up" and dissappear ??! ( they were later seen to be fine )
Would that be due to having the scan running, or have I got some broken Safari on my hands ?
--TIA--
~~~=Dave
iMac Mac OS X (10.4.8) Intel / 20 " / 2 GB Ram / "500" GB memory / LaCie 500 GB external. . .

Hi again Dave,
Sorry for the slow reply, I've been very busy last few days.
Yes, if Safari is behaving best not to rush into anything.
problems, always shy when you are armed with a screenshot: )
I do wonder how Safari behaves in a test or other account.
Do any other applications behave oddly?
On Mac Intel, the worst Norton products to run are SystemWorks and Norton Utilities.
Some talk on NAV, & other utilities from a topic with with some very experienced users.
Productivity & Utilities Intel software
Note the notice on the bottom of the download page.
• On ClamXav- It seems to be more mac compatible but as you see both are mentioned.
Yes my web-mail server does scan my emails for viruses, there was 1 cleaned email in my suspect folder just yesterday,which i deleted anyway, the best aspect of Earthlink, my ISP.
• On Console~ go to Applications -> Utilities, click & hold the mouse down on the Console App, drag it to the Dock, [make sure the Console remains in the Utilities folder as well] for easy access..This just makes an Icon for the dock the original should remain in it's respective location, storing any applications in folders other then where they belong causes problems,
such as they will not update when the os is updated.
Once you have the console in the Dock, open it.
Under the Console menu, "Preferences", set the console to bounce when an open log is written to.
Now dock the console using the yellow candy button,thus making it an open log
close: red button, yellow: dock [also called minimized], green minimize / maximize window size.
If Safari does this oddness, as before & you see the console bounce,
look to see what message is logged,
Note that there is a lot written to the log that maybe inconsequential to the problem, for instance these sort of messages...
Unsafe JavaScript attempt to access frame with URL https: //webmail.pas.earthlink.net/wam/index.jsp?x=-490342274 from frame with URL https: //ad.doubleclick.net/adi/
[or]Safari ATSUFontFallback........etc.... a lot is written to it.
See Console's Help for more info.
It does sound as if the trial item you spoke of, Deja vu be best removed / it maybe the/ a culprit.
Oh heavens if you want to read some writings that are hard to interpret, read some of my earlier attempts to help & not so early ; (... lol oh please don't waste your time~!!
So many more interesting & comprehensive things to read & learn.
a couple of links on the Console in AD and how to view & size..
http://discussions.apple.com/thread.jspa?messageID=3062161&#3062161
http://discussions.apple.com/thread.jspa?messageID=1894561
This article maybe helpful, your fonts being out of order can also be problematic though usually it affects more then 1 application,
Kurt Lang's ~ Font Management in Mac OS X e
I don't know if any of this helps you any, I hope so. Please keep us posted
Regards,
Maria/Eme'~[)

Can I use ADF Logger in non-ADF applicaiton and outside container?

Hi all,
I want to use ADF Logger feature in non-ADF applicaiton and outside container. Is that possible?
Thanks,
Xianyi.Ye

I figured out "partially" the problem, I tried to overrid the create method, and for any reason the commit operation wasn´t working.
I was trying to set a value for a proprety, but it did not work as a wish.
My intention was.... when an user execute the form. one specific field brings a value.. however I cannot set default value. cause it´ll change sometimes.
it´s something like this
protected void create(AttributeList attributeList) {
super.create(attributeList);
setMyProperty(new Number(0));
do you know how can I figure out this problem?

Access to this place or content is restricted.

Hello, For some reason our account always has issues getting access to docs that are on the community.netapp.com site, I have access to the site as i can login but when i click this link I get the following error: Access to this place or content is restricted. If you think this is a mistake, please contact your administrator or the person who directed you here. https://forums.netapp.com/docs/DOC-12285

Hi , It looks like you are trying to access a link on forums.netapp.com (vs. community.netapp.com, which is this site). The document you are trying to access is restricted. Can you tell me how you are getting that URL or the information you are looking for?

Canvas resize stretches pixels of image content slightly when used :(

Hi,
I've a document that measures 3000 x 3000 pixels and I want to put an extra 600 pixels in height on it. I tried using canvas resize tool and it puts the extra pixels in height where I want them but it actually stretches the content very slightly. I noticed this because my artwork contains an image of planet earth from space and the globe gets stretched higher (only very slightly) in the direction of the new pixels. I've viewed it in various zooms including 50% and 100% and no success there either. Could it be a bug? best
Paul

Hi guys,
Here are the screenshots...not sure I'm allowed to upload full size copies...I'll try
I've also just been working on another piece of work and photoshop said there was a problem saving the file...I had to close it and lose all my work...could it be a bug with the download?
I don't think I previously cropped the image with delete cropped pixels unchecked and when I did use the crop tool I only ever expanded the top section too. The only layer that extends beyond the canvas is the lightning layer at the top.
Cheers
Paul

Outside container in place, yet contents moving when zooming and in IE.

Similar Messages

Maybe you are looking for