How come my links layout go all over the place in different browsers?

Hello,
Please go to <http://www.peterdanko.com/errr.png> and see the screen shot of the page I am having difficulty with in the design view. Note the links: INSTALLATIONS, BELT COLORS, FINISHING, PRICING are neatly centered with the text body above and in a single line.
Now view <http://www.peterdanko.com/atmos.html> Note they are now stacked and randomly placed. In different browsers they are all over the place.
How can I keep them neat and tidy in all browsers?
Thanks
PETER

Below is the complete html code/css re-written for the 'product-wrapper' section. (scroll down). Not sure if this is of help or not. I think you need to take some time to learn some more html/css as the way youre going about it at the moment must be a complete nightmare for you. Copy the code below, (scroll down) paste into a new Dreamweaver document and save to your site folder. View in browser.
You need to simplify your way of working instead of creating a <div> for each of your page elements, which must be a headache to keep track of???
Example: Instead of putting your header 'Atmos Seating Group' in it's own individual <div> use a more meaningfull html tag like a header tag, <h2>Atmos Seating Group</h2>
Then use some css to target the <h2>. We know the <h2> tag is in the 'right_tx_bx_400pxWd' <div> so write it as below:
right_tx_bx_400pxWd h2 {
text-align: center;
margin: 15px 0;
font-size: 20px;
font-weight: normal;
color: #999;
Similarly instead of inserting the main wording in its own <div> use a paragraph tag, <p></p> it's more meaningful. Then target the paragraph tag:
#right_tx_bx_400pxWd p {
font-size: 13px;
line-height: 16px;
color: #999;
Get the point. We only have to keep track of one <div> not several and we can target tags in that <div> more cleanly and effectively.
Try and keep all off your css together i.e. so all the 'right_tx_bx_400pxWd' css is kept together so its easy to find in the stylesheet intead of scrolling up and down.
Don't use heights on <divs> unless you know how high it will be and you won't know that unless it just contains images or you set a specific height for a scroll bar.
BELOW IS THE CODE:
<!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">
#product_wrapper {
width: 932px;
margin: 0 auto;
overflow: hidden;
#left_image_column {
float: left;
width: 512px;
#right_tx_bx_400pxWd {
float: left;
width: 400px;
font-family: Arial, Helvetica, sans-serif;
margin-left: 20px;
display: inline;
#right_tx_bx_400pxWd h2 {
text-align: center;
margin: 15px 0;
font-size: 20px;
font-weight: normal;
color: #999;
#right_tx_bx_400pxWd p {
font-size: 13px;
line-height: 16px;
color: #999;
#right_tx_bx_400pxWd h3 {
text-align: center;
margin: 15px 0 10px 0;
padding: 0;
font-size: 14px;
font-weight: normal;
color: #999;
#right_tx_bx_400pxWd ul {
margin: 0;
padding: 0;
text-align: center;
#right_tx_bx_400pxWd li {
text-align: center;
font-size: 13px;
margin: 0 0 3px 0;
font-style: italic;
color: #CCC;
/* footer links */
#four_text_link_box {
clear: both;
width: 400px;
padding: 20px 0 0 0;
#four_text_link_box ul {
margin: 0;
padding: 0;
#four_text_link_box li {
margin: 0;
padding: 0;
float: left;
list-style: none;
text-align: center;
#right_tx_bx_400pxWd #four_text_link_box a {
float: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #999;
text-decoration: underline;
display: block;
width: 100px;
text-align: center;
font-style: normal;
/* end footer links */
</style>
</head>
<body>
<div id="product_wrapper">
<div id="left_image_column"><img src="atmos_images/atmos_lounge_blk_belt.jpg" alt="Atmos lounge" name="at_lounge" width="512" height="400" id="at_lounge" /></div>
<div id="right_tx_bx_400pxWd">
<h2>Atmos Seating Group</h2>
<p>The Atmos chairs are the essence of OMG design. They are comfortable. They evolve the Shaker esthetic of spare/elegant utility into the eco-modernist sensibility: The straps are post industrially sourced automotive seat belt material, the “ears” at the top of the backs acknowledge our natural world, and though strong, its lightweight structure uses minimal material. The contrasting splines on the rocker and lounge chairs celebrate craftsmanship. Wood is American Ash sourced from FSC certified forests; adhesives and finishes are water based. Suitable for residential and designed for contract applications.</p>
<h3>OMG characteristics:</h3>
<ul>
<li>use of post-industrial belting as substitute for the more problematic use of foam as cushion material fabric</li>
<li>low carbon footprint.</li>
<li>ply-bent construction</li>
<li>evokes the enchantment of an eco centric style</li>
</ul>
<div id="four_text_link_box">
<ul>
<li><a href="at_installs.html">Installations</a></li>
<li><a href="#" onclick="MM_openBrWindow('images/belt_samples.gif','belts','scrollbar s=yes,resizable=yes,width=300,height=100')">Belt Colors</a></li>
<li><a href="#" onclick="MM_openBrWindow('images/wood_finishes.gif','finishes','scrol lbars=yes,resizable=yes,width=600,height=175')">Finishes</a></li>
<li><a href="#" onclick="MM_openBrWindow('_danko_2010pricelist/at_prices.gif','','scr ollbars=yes,resizable=yes,width=400,height=500')">Pricing</a></li>
</ul>
</div>
</div>
<div id="bottom_rule">
      <p> </p>
      <p> </p>
    </div>
    <div id="product_box"></div>
</div>
</body>
</html>.

Similar Messages

My fonts are all over the place, how do I get them back?

Recently some of pages I view in Firefox have the text scattered all over the place and makes them impossible to understand. How do I get them back to normal? I am using a 2 x 2.8Ghz Quad Core Intel Xeon Mac, 12GB RAM running OSX 10.9.5 and Firefox 37.0.1. I have attached a screen shot of my Facebook Page to try and help explain my dilemma. Regards, Mal

You can check for corrupted and duplicate fonts and other font issues:
*http://www.thexlab.com/faqs/multipleappsquit.html - Font Book 2.0 Help: Checking for damaged fonts
*http://www.creativetechs.com/iq/garbled_fonts_troubleshooting_guide.html
You can try to disable hardware acceleration in Firefox.
*Firefox > Preferences > Advanced > General > Browsing: "Use hardware acceleration when available"
You need to close and restart Firefox after toggling this setting.
*https://support.mozilla.org/kb/Troubleshooting+extensions+and+themes
*https://support.mozilla.org/kb/upgrade-graphics-drivers-use-hardware-acceleration
Start Firefox in <u>[[Safe Mode|Safe Mode]]</u> to check if one of the extensions (Firefox/Tools > Add-ons > Extensions) or if hardware acceleration is causing the problem.
*Switch to the DEFAULT theme: Firefox/Tools > Add-ons > Appearance
*Do NOT click the Reset button on the Safe Mode start window
*https://support.mozilla.org/kb/Safe+Mode
*https://support.mozilla.org/kb/Troubleshooting+extensions+and+themes

My stills are all over the place when I export them. How can I have them play as they appear on the Viewer?

Hello everyone.
When I exported my video (all stills), the images are all over the place. I had adjusted the postition (X & Y) for each one, and when I exported the video, the stills are not staying in one place, but are coming from different angles and different positions. How can I fix it so that when exported, it plays as it does on my Viewer?
Thank you!

First, I'd try deleting all render files in both the associated Events and Projects (File menu). Do not render before exporting.
"Preference Manager" is a free download from Digital Rebellion (dot com) you can delete the FCP X pref files quickly, easily, safely. Try that next.

How to get rid of duplicate addresses all over the place?

Duplicate addresses appears all over the places: on my mac (in the mail program) and in my ios devices.
I suspect that it occurs during some synchronisation activities but how to get rid of this once and for all?
Thanks for your help. It helps also if some tell me that I am not alone in that kind of trouble

iCloud- Resolving duplicate Contacts after setting up iCloud Contacts

Is anyone else having sensory issues since updating to the IOS 7.1.1? My phone is all over the place when trying to scroll or play a game. Know how to fix? It didn't do this till after this update.

My phone is all over the place when trying to scroll or play a game. Know how to fix? It didn't do this till after this update.

Do a
Reset: Hold down the Sleep/Wake button and the Home button at the same time for at least ten seconds, until the Apple logo appears. Note: You will not lose any data

When in organizer how do I keep my cursor from jumping all over the place?

When I am working in Organizer 12, My cursor jumps all over the place and the screen keeps repositioning itself. It is infurating and I can't get any work done. New desktop iMac using Marevick 10.9.1 and wireless mouse and track pad both slowed to lowest level. Also tried using a tethered mouse but no different. Anyone else have this problem. Is it an Apple problem?

Is it a 'Magic Mouse'? If so that's why, there are many reports that it is badly behaved in the Elements Organizer. If not, do you have another mouse you could try it with (to rule out a hardware problem)?
Cheers,
Neale
Insanity is hereditary, you get it from your children
If this post or another user's post resolves the original issue, please mark the posts as correct and/or helpful accordingly. This helps other users with similar trouble get answers to their questions quicker. Thanks.

Music library after data recovery - ID3 tags all over the place

Hi,
For a short time there i was using my external drive as my music library, while i sorted enough space ot run it from C:
However, that didn't last long and i was asked if i wanted to reformat the drive.
Using Easeus I was able to recover the mp3s. But they're all over the place i.e songs labelled as one thing will be something else, about 70% of the time. Also some songs randomly chnage to others.
Is there any method i can use to resolve any of this, without re-doing my entire collection?
thanks for any suggestions
matt

The best option is to recover from backup, but I guess you don't have one. You can also recover from an iPod if you have one:
http://discussions.apple.com/message.jspa?messageID=9990366#9990366
Failing that, are you certain that the tags are wrong in the actual files, the tags are part of the file, so I am surprised if they were changed if you were able to recover the files successfully. It is hard to see how they could be messed up if the file is OK unless something else messed with them.
I am afraid you have a lot of work ahead of you. You might be able to use a tag editor to get tags from the internet - MP3 tag is an example, but I think the tracks need to be arranged into CDs for this to work.
There is also something called PicardTagger which is supposed to use the audio footprint of the file to identify it, but I have no experience with it myself.
http://musicbrainz.org/doc/PicardTagger

Webpage all over the place

When i design my web page it looks fine on the screen but when i veiw it from a computera smaller screen size everything just goes all over the place, e.g. the title goes onto the next line and images move around.
As i am not so good at html i would appreciate if you can please send me the html to fix this problem
thanks a lot

As i am not so good at html
This will have to change if you want to continue to work with DW. Without a solid understanding of HTML, DW will remain a frustrating mystery to you.
i would appreciate if you can please send me the html
How could we do this without seeing your page and its underlying HTML and CSS? Post a link to the live page so we can give you a meaningful answer.

Why does iDVD store stuff "all over the place"? Project now broken

Hi all,
did an hour long family movie project, and in the meantime cleaned up my documents folder and deleted some stuff that I thought was internet downloads etc, or extra working files.
Turns out it was the important audio stuff for iDVD!
I've broken my project... the stuff was obviously important, and now when I open this project it has a big broken chain on it.
Why does iDVD store important stuff "all over the place" like that? I mean, it's confusing enough (for newbies) to learn where the events and where the projects are stored, but why does it strip off the sound and store them in documents where ANYTHING could get deleted?

Just to add, an iDVD project should be thought of as a shell, an empty container. It has references to the media files used in it, but does not actually contain these files. The files remain in their normal locations. When you burn to disk, or create a disk image file, iDVD pulls these files just for encoding onto a DVD disk or into a disk image file. It does not really move these files into its project files. Your iMovies, photos and audio files remain where they are. If you move, change, rename or delete any of these files, iDVD will not be able to locate them, and you will see the broken link images.
For this and several other reasons, it is a good idea to leave everything alone and not go deleting any files until you have finished your iDVD project.
Then, when you are ready to burn it to DVD disk, be sure to do a 'Save as disk image' to create a disk image file of the project. This process looks like the burn process, and the encoding will take just as long, but the end result is a self-contained disk image file, not a burned DVD disk.
The advantage of the disk image file is that you will have an exact copy of your iDVD project with all the media files encoded into it. You now can safely delete all the media used in this iDVD project without losing the project. Now you can clean up your documents folder! Deleting all the files used in the project will also save you drive space.
You can save disk image files as backups and can move them to external drives or other computers. You can burn DVD disks from disk image files using Disk Utility or Toast. You don't have to worry about your burned DVD disk breaking/melting or having something spilled on it (kids in the house!). You can always get the disk image file and burn another copy. (Great for the relatives who somehow 'lose' the great DVD you made for them!).
You cannot edit the disk image files however, so you should be creating one only when your project is completely finished.
If you wish to save all your iDVD files while you are working on a project, you can archive your iDVD project. I have not found the need to do this, but the link J Keller gave you for the tutorial explains how to save as archive and as disk image. Obviously, the archive project will be larger since it is saving all the media. Archived projects can also be moved to other drives or computers.
Hope you can recreate your project.
Note to J Keller: the video tutorial was quick and gave the brief how-to and why. Nothing complicated.

BT Sport digital Sound all over the place!

Listening to BT Sport on my 5.1 system via the Sky Digital platform, the audio is all over the place! Just watching the build up to the Man U v Palace game, and the studio inserts are coming out of front left, centre and front right, nothing in the rear. Surely they should only come out of centre when panel are peaking?
Pre match interviews are coming out of all 5 speakers!
Ad breaks are correct with speech out of centre, music in stereo, fx stereo or surround.
Match commentary is like the studio inserts out of FL, C, FR with crowd fx in SL and SR
Someone at Olympic Park hasn't got their Dolby encoder working properly?

Match sound should be crowd fx in FL, FR, SL, SR, and commentary plus fx in the centere, not how it is now!

My mouse keeps jumping all over the place and i dont know why!

My trackpad doesnt allow me to fully control the mouse on the screen! it keeps jumping all over the place and i dont knw why! i updated my computer yesterday and it was working fine but by the end of the night it started to not function properly again.

A fairly well known flaw that occurs to some trackpads. See here: http://support.apple.com/kb/TS1449

Why is my page or connection jumping all over the place after my recent update to firefox 5.0

I came back from a week away and when I got on the internet firefox had updated to 5.0 and ever since then my pages just jump all over the place Why?

Hi Aish,
I have found the problem, but not sure where to find the solution as I'm pretty new to Adobe products.
I built another site to see if I had the same problem, this time I made it shorter to see if the length was the problem. I put in some elements and 'assets', added parallax scroll key frames, left out pretty much most other things to see if I could pin the problem down. I found that I had the exact same problem.
In the Muse preview it scrolls with the mouse like a dream when I grab the scroll bar and drag it down. But when I preview in business catalyst, export HTML or preview in browser, it goes crazy and won't let me get to the bottom. Further to that, when you scroll back to the top, everything is out of place and gets worse every time you scroll down and back to the top.
I have a touch screen computer and tried to scroll the screen with my finger rather than dragging the scroll bar down with the mouse. The website works like a dream when I scroll with my finger, even when I scroll back to the top everything stays in place and the whole site works lovely! I then tried the other, long website to see if this was the same case and it was exactly the same case. It scrolls with a finger like a dream, but has a fit when you drag down the scroll bar with a mouse.
My next question would be could I somehow disable some kind of touch scroll option in only the desktop version of the site, but leave it active in mobile and tablet sites? If I can do this can you please advise me on how to deactivate it, I think that should solve the problem.
Can you please get back to me with an answer to this? I would be very greatful!
Marc.

Why is the webpage jumping all over the place with parallax scrolling?

Hi all, I'm getting a little frustrated here... I've built a looooong (10,200 pixel) parallax scrolling site, when I click 'Preview' it plays like a dream, but when I render the HTML, view in browser or publish to business catalyst to view, it just jumps all over the place. I realise that the page is extremely long, I'm thinking it could be that but just need to clarify it before I rework it all and maybe find out after, that it was something else that was causing it to happen.
Your views would be greatly appreciated!

Hi Aish,
I have found the problem, but not sure where to find the solution as I'm pretty new to Adobe products.
I built another site to see if I had the same problem, this time I made it shorter to see if the length was the problem. I put in some elements and 'assets', added parallax scroll key frames, left out pretty much most other things to see if I could pin the problem down. I found that I had the exact same problem.
In the Muse preview it scrolls with the mouse like a dream when I grab the scroll bar and drag it down. But when I preview in business catalyst, export HTML or preview in browser, it goes crazy and won't let me get to the bottom. Further to that, when you scroll back to the top, everything is out of place and gets worse every time you scroll down and back to the top.
I have a touch screen computer and tried to scroll the screen with my finger rather than dragging the scroll bar down with the mouse. The website works like a dream when I scroll with my finger, even when I scroll back to the top everything stays in place and the whole site works lovely! I then tried the other, long website to see if this was the same case and it was exactly the same case. It scrolls with a finger like a dream, but has a fit when you drag down the scroll bar with a mouse.
My next question would be could I somehow disable some kind of touch scroll option in only the desktop version of the site, but leave it active in mobile and tablet sites? If I can do this can you please advise me on how to deactivate it, I think that should solve the problem.
Can you please get back to me with an answer to this? I would be very greatful!
Marc.

I have a comment. I am very upset with Photoshop and all your tutorials regarding the quick select tool. I have watched many tutorials and read instructions until I am blue in the face. This tool does not work. It is all over the place and all of your

I have a comment. I am very upset with Photoshop and all your tutorials regarding the quick select tool. I have watched many tutorials and read instructions until I am blue in the face. This tool does not work. It is all over the place and all of your tutorials make it look so simple. How can you advertise this as a viable tool when it just doesn't work?

It is all over the place and all of your tutorials make it look so simple.
This is a user to user Forum, so you are not really addressing Adobe here, even though some Adobe employees thankfully have been dropping by.
How can you advertise this as a viable tool when it just doesn't work?
Concluding something does not work because you fail at using it is not necessarily always justified.
The Quick Selection Tool certainly has limitations, but your post seems to be more about venting than trouble-shooting – otherwise you might have posted an image where you failed to get an expected result.

HT203301 iPhone 4S compass 180° out and other times all over the place after ios7 update. Anybody else had this?

Since updating to iOS 7 the compass on my iPhone 4S is all over the place but mainly 180° out tried calibrating rebooting etc etc and no difference.!

Nope, i generally hate iTunes for it being annoying and incredibly "damaging" to the computer (slows my computer down a shitload when booting atleast), so I've avoided it at any costs till now. Shame apple "forces" us to use their more "******" apps in order to "guard" ourselves against stuff like this... I'll survive, the most important pics are on facebook, and the apps and contacts I can easily replace. For my part Apple has one life less when it comes to me buying another product from them.
Thanks for all the replys , i appreciate a community like this!
- Knut

How come my links layout go all over the place in different browsers?

Similar Messages

Maybe you are looking for