My Text Moves Position Depending on the Browser I Use

I'm having a bit of trouble getting my text to stay put in
different browsers. For the text on my left side buttons, I've been
placing the text in an APdiv and centering the text on the button.
It stays put in IE, but the APdiv moves to the top of the button
(table cell) in Mozilla and to the bottom of the button (table
cell) in Safari.
I tried using the CSS Rule Definition window to place the
APdiv in an absolute "top" position and I'm still having the
same problem.
I read the section on absolute positioning on
Dreamweaver CS3 The Missing Manual but nothing I've read has
really helped and like I said, I already tried absolute
positioning.
I'm new at this and the site I'm working on is for my class
final and I'm really trying to get it right. I'm only good with
basic coding, so if your helpful answer includes code, please be
very specific about where to place it in he code section of the
page.
I haven't uploaded my actual site yet, but I have an image of
the home page holding my place. You can view it
here. The buttons are placed as
rollover images inside a table and the text I'm using in the APdiv
on top of that is not the text that appears on the buttons (had
issues and decided to go simple with DWs fonts - used the set
Geneva, Arial, Helvetica, sans-serif).
I'm working on a PC running Windows XP Media Ed. w/ SP2 if
that makes any difference. And I"m using DW CS3.
Please help ASAP - the site is due Wed. 12/12.
Thanks in advance.

Hello,
Can you paste the whole page's code, from start to finish?
We need to see the CSS as well as the page layout to offer
some suggestions.
The problem is definitely with the Absolutely Positioned DIVS
(Layers), but
it could be anything from different browsers default margins
to invalid code
surrounding what you've shown.
Take care,
Tim
"iigot2bme" <[email protected]> wrote in
message
news:[email protected]...
>
I believe this is the code that contains the text:
> <div align="center"><a
href="bio.html">Artist<br />
> Biography</a></div>
> </div>
> <div class="top_buttons" id="Layer3"><a
> href="resume.html">Resume'</a></div>
> <div id="Layer4">
> <div align="center" class="top_buttons"><a
> href="contact.html">Contact<br />
> Information</a></div>
> </div>
> <div class="top_buttons" id="Layer5">
> <div align="center"><a
href="shows.html">Shows<br />
> & Awards </a></div>
>
>
>
And this would be the code for the table and buttons:
> <table width="139" border="0" cellpadding="0"
cellspacing="0"><tr><td
> height="96"><table width="139" border="0"
cellpadding="0" cellspacing="0">
> <tr>
> <td height="96"><a href="bio.html"
onmouseout="MM_swapImgRestore()"
>
onmouseover="MM_swapImage('sb1','','images/template/2sb1.gif',1)"><img
> src="images/template/1sb1.gif" alt="sb1" name="sb1"
width="134"
> height="78"
> hspace="4" vspace="19" border="0" id="sb1"
/></a></td>
> </tr>
> <tr>
> <td height="19"> </td>
> </tr>
> <tr>
> <td height="75"><a href="resume.html"
onmouseout="MM_swapImgRestore()"
>
onmouseover="MM_swapImage('sb2','','images/template/2sb2.gif',1)"><img
> src="images/template/1sb2.gif" alt="sb2" name="sb2"
width="135"
> height="77"
> hspace="4" border="0" id="sb2"
/></a></td>
> </tr>
> <tr>
> <td height="35"> </td>
> </tr>
> <tr>
> <td height="75"><a href="contact.html"
> onmouseout="MM_swapImgRestore()"
>
onmouseover="MM_swapImage('sb3','','images/template/2sb3.gif',1)"><img
> src="images/template/1sb3.gif" alt="sb3" name="sb3"
width="135"
> height="77"
> hspace="4" border="0" id="sb3"
/></a></td>
> </tr>
> <tr>
> <td height="35"> </td>
> </tr>
> <tr>
> <td height="77"><a href="shows.html"
onmouseout="MM_swapImgRestore()"
>
onmouseover="MM_swapImage('sb4','','images/template/2tb4.gif',1)"><img
> src="images/template/1sb4.gif" alt="sb4" name="sb4"
width="135"
> height="77"
> hspace="4" border="0" id="sb4"
/></a></td>
>
> As much as I hate to admit it, code isn't my thing - I'm
a designer - and
> a
> student. If there is a code issue, please be precise in
telling me how to
> fix
> it.
>
> Thanks so much.
>

Similar Messages

ISE Guest Service fail depending on the browser

One of my customers is complaining about having problems to access the guest services depending on the browser used:
When the visitor has Intenet Explorer 10 or 11, he said the content is blocked and even the guest portal is not displayed. When the visitor has Google Chrome (no specific version indicated), he said the portal is displayed but the content is blocked after ingress user and password. Whit Firefox a certificate exception was added in advanced options.
I think the issue can be something related with certificates or even the computer but I'm not sure how can I identify the root cause.
I wonder if something in the ISE is reported about the browser used to authenticate in the guest portal. I know the release notes indicate browser compatibilities, but in guest services I think shouldn't be restrictions, because you don't know what device, OS, or browser will be used by guests.
The ISE is running 1.1.2.145, no patches yet.
I will appreciate any tip you can provide me.
Regards.

Hi ,
This below link gives the detailed versions of the supported operating systems and their supported browsers for Sponsor and Guests.
http://www.cisco.com/en/US/docs/security/ise/1.1.1/compatibility/ise_sdt.html
Google chrome , Mozilla and IE are supported, but there is some restriction in the browser versions.
For IE make sure you have enabled ActiveX controls and check if the compatibilty mode is enabled.
If customer is making use of supported browsers and still experiencing the issue then we need to check what options are enabled on browsers and what is blocking the content download in the browser.

Pop Up blocker exceptions are not saved in the browser for use, the next time the PC reboots. How do you save these exceptions for long term use?

Pop Up blocker exceptions are not saved in the browser for use, the next time the PC reboots. How do you save these exceptions for long term use?

In case you are using "Clear history when Firefox closes":
*do not clear the Site Preferences
*Tools > Options > Privacy > Firefox will: "Use custom settings for history": [X] "Clear history when Firefox closes" > Settings
*https://support.mozilla.org/kb/remove-browsing-search-and-download-history
Note that clearing "Site Preferences" clears all exceptions for cookies, images, pop-up windows, software installation, passwords, and other website specific data.
If you have software like Advanced SystemCare (Surfing Protection feature) that might reset some files to older versions to protect these files against changes then check the settings or uninstall this software.

The entire side moves a bit (in the browser) when the content gets longer than a certain length...

The master (and all contents) move a few pixles (when watching it in the browser) when a side is longer than 809 pixles.
The sidesettings are set to 600 pixles minimum. Does not happen (it all stays in place) when the content fits in 809 pixles or less.
Why?? How do I solve it? Really frustrating...

Hi
I'm seeing similar issues from W2003 server, and 9iR2 on W2003.
I can pinpoint it to exact amount of bytes, but when the connections are reset from the web server, and the problem arises again it's a different length that is the problem.
As a result we switched to System.Data.OracleClient for the 9iR2 DB's and use the ODP.NET for the 10gR2 installations. These two combinations seems to be less affected by this problem.

Why do web pages only load when I move my mouse around the browser?

As soon as I try to load a site the browser does not load anything at all until I start moving my mouse around. I tried updating flash and using different settings and preferences but to no avail.

Ok, Just found firefox on dads laptop to be doing this as well, and it seemed to be the system time/date wrong.
This caused the addon update checking thing to find that all ssl certificates were expired (the year was set to 1970) I'm not sure how that affected anything, but after setting the time/date correctly everything started working fine again.
Hope this helps someone else

How can I get my SVG to show up in the browser? Using Adobe Muse.

I created an SVG in Adobe Illustrator CC with all the recommended settings (yes, I unchecked "Responsive"), and then placed it in my website in Muse CC, and it does not appear on my website. It just shows a broken photo link icon where the image is supposed to be. I thought that at the very least, it would show the PNG image since it is supposed to automatically create the PNG.
It appears perfectly in Muse's Preview mode.
Any advice? Attached are images of the SVG settings I use, and how it is appearing in the browser.
Here's a link to the live site in case you want to take a look: design.mattgrajcar.com (I may have reverted back to just putting a PNG in for the time being).
Thanks!

This may be caused by your hosting provider not having the proper MIME file to display .svg files.
See link.
http://css-tricks.com/snippets/htaccess/serve-svg-correct-content-type/

My website renders completely differently depending on the browser

The website http://MycoTechCorp.com renders beautifully in Chrome most of the time. In Firefox, (25.0.1) panels are completely mismatched, and some text just randomly does not show up. Internet Explorer (10) has the same problems as Firefox. It seems to me that a program like Muse would be optimized for all the main browsers.

Hi Vicki,
Please check the following link: http://testframesize.businesscatalyst.com/index.html
If you click and drag down the bottom right corner of the white textbox on the page, you will see that it does two things-
1. It expands the grey box that houses that white textbox.
2. It pushes down the red box that sits at the bottom of grey box while staying aligned with the bars on left.
This is the kind of setup you would need to take control of the alignment of bars on your site's pages.
Currently you have used 6 independent boxes with different colors to achieve the effect and this independence is what is causing the issue.
As Zak explained about the way different browsers handle text differently (which you can test by checking the Reishi page in Firefox and Chrome) the issue is that since all your rectangles are sitting independently, not caring about the others, when a browser asks for more room for text, the big grey box complies since the textframe is within that grey box. The light red box below the grey box also gives way since you have placed it right below the grey box. However the ones on left are not affected by this expansion and hence keep their size.
You can get around that issue by using 3 rectangles (instead of 6) and carefully placing them one above the other (making sure they don't overlap). As for the bars on the left, you can use 1 or 2 pixel high and 30 pixel wide images (of required color) as fill for the 3 rectangles - just set the Fitting to "Tile Vertically" and Position as top-left corner.
That is the way I created the content on above link.
I have sent the .muse source file for the above site to you via email.
Hope this helps.
Cheers,
Vikas

Setting the browser to use in mac mail

my mail.app is suddenly using IE when I click on an email link.
how do I set this back to Safari? I see no preferences for this in mac mail prefs.
thanks!
G5 Dual Mac OS X (10.4.2)

You set the default browser via Safari preferences and you set the default email client via Mail.app preferences.
Choose Preferences from the Safari menu, then click General. Choose Safari from the Default Web Browser pop-up menu.

IE keeps trying to load the browser when using FF

I have used FF for several years since it had outperformed IE 3-1. Now when I try to open am email in Incredimail, IX tries to load the same page seconds behind FF..............

See:
* [[Software Update Failed - One or more files could not be updated]]
* http://kb.mozillazine.org/Software_Update (Software Update not working properly)
Remove the files in the updates and updates\0 folder:
C:\Users\<user>\AppData\Local\Mozilla\Firefox\Mozilla Firefox\updates
(%LOCALAPPDATA%\Mozilla\Firefox\Mozilla Firefox\updates)

Short URL in the browser address bar

Hi we are using Robo Help product. we launched it on Apache Tomcat server.
When we publish a project in an area and try to view that, the URL in the address bar is displayed very long with % characters and other junk.
can anyone please let me know how to customize the URL? a user friendly URL in place of the long URL. Any help would be greatly appreciated. Thank you!

Hi Colum,
can you please explain these 2 points from your posts. I am very new to Robohelp so I am not able to understand some of these terms
1. When the help is called (e.g. through an API call) the end user sees a much shorter URL along the lines of what Mayank has provided.
2. If you are wanting to shorten the actual URL that is returned by your browser, why would you want to? I wouldn't even go there as it will depend on the browser being used.
I am attaching the screenshot which explains you clearly about my requirement in a sequence.
1 st screenshot shows you the login screen
2nd screenshot shows the projects window where in if we click on that displays the projects
3rd screenshot shows the project 'CCC' and when we click on View Project opens 4th screenshot
If you see the URL in screenshot it contains lot of % characters and other junk. I want a user friendly URL in place of that. can you please help me? I have to put this in place Friday, anyhelp on this would be greatly appreciated. Thank you so much for looking into this.

Text box moves position when viewing

When doing some testing on a new home page I'm developing, one of the text boxes adjusts its position depending upon which browser I'm using. It's driving me nuts! When viewing it through Internet Explorer, the gray text box in the middle column (for now says advertise here) shifts up. I'm unsure why this is only happening to this one particular text box or what I can do to resolve the issue. I attempted to move the box down a little ways, but then when I viewed it through Firefox it looked odd being pretty far down.
Normally I'd say it's because of IE, but it's odd this is only happening to this one text box. Any thoughts?
(Yes, I realize there are other itemes that need to be cleaned up on the page.)
http://www.goaheadtakethewheel.com/Test.html

Assuming that you have used web-safe fonts and have done a Command A in iWeb to make sure there are no box overlaps, you could try deleting the box, save, quit, reboot your Mac and then relaunch iWeb, add the box back, save and republish.
The restart will dump the redundant files out into the trash and hopefully eliminate any chance that the box is corrupted in iWeb.

How do I stop text from resizing to the size of the browser window

Hello there,
I am using a DW CS3 template that has a sidebar div and a
main content div - the text in the main content div keeps resizing
to the size of the browser window - I don't want the text to resize
if I make the browser window smaller - I want it to remain the
same. I am trying to float the text right and input a width but
this is not working for me. What am I doing wrong?
HELP!
Many thanks!

>>What am I doing wrong?
Not giving us a link to the uploaded page so we can see the
page, how it
behaves and the actual code.
Until we see that you are unlikely to get a definitive
answer. The problem
is unlikely as you state it because text itself is never
dependant on the
browser viewport size.
Walt
"Fun Leprechaun" <[email protected]> wrote
in message
news:g9f7rq$ie4$[email protected]..
> Hello there,
>
> I am using a DW CS3 template that has a sidebar div and
a main content
> div -
> the text in the main content div keeps resizing to the
size of the browser
> window - I don't want the text to resize if I make the
browser window
> smaller -
> I want it to remain the same. I am trying to float the
text right and
> input a
> width but this is not working for me. What am I doing
wrong?
>
> HELP!
>
> Many thanks!
>

Text spacing changes depending on browser

So I took over the website for my work and while I'm not the
most computer savvy person I can do the basic dreamweaver stuff
which is all it really needs at this point. All I really do is
update it once a month, nothing too major. However, I had to add
some names to a list aand now the spacing looks funny depending on
which browser you use to open the website. It looks normal on
firefox but spaced weird on IE, when I change it so that it looks
normal on IE, the spacing looks funny on firefox. Is there any way
I can make it so that the spacing looks normal no matter which
browser you use to open it?

I'm retarded. How do I do this? When I highlight the text and
go to CSS styles it shows a check mark next to 'people' which...i'm
guessing is the name given to it by the person who built the
website. I have no idea if that really had anything to do with what
you suggested but that was the only CSS I saw so I thought I'd
explain.

Items off the stage are showing up in the browser. How do I stop this?

When learning Flash, I was taught in the beginning that only items that appear on the stage actually show up in the final animation. Clearly, these people were wrong. I thought it would be easy to have some text move in from off the right side of the stage to the middle, but the text still shows up even before it enters the stage in the browser. I have tried to change this using various publishing options, HTML, and CSS, with no luck. I did have to resize the stage, and I'm not sure if that means anything. Can someone help me figure this out? Thank you.
-Chris

Here are a few things I noticed:
No DOCTYPE for the page:
http://www.w3schools.com/tags/tag_doctype.asp
then validate the code here:
http://validator.w3.org/
Next, your main container is 1000px wide (as per your CSS) but in your IE conditional you are placing a 1500 px wide .swf inside.
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="1500" height="217.....
so for course that won't work. In IE that results in a bottom scroll bar no matter how wide a monitor... it's never wide enough to display without scrollbar
FF is different because:

<object type="application/x-shockwave-flash" data="topbanner.swf" width="713" height="155">
You're using smaller dimensions....so set them both the same.
If your main container is 1000px wide, then the stage size of your .swf should be 1000px, not 1500, not 713. Then set the width/height of the <div> holding your .swf to the exact same size as the .swf. That should eliminate any off stage stuff from showing.
Best of luck!
Adninjastrator

Browser window flashes for a fraction of a second (too quickly) to input required information. How do I stop the browser page to allow input?

VPN requires input of user id and password on authentication browser page. However, the browser page flashes for an instance (less than one second) and then returns an error page "failed to authenticate". It is failing to authenticate because I am unable to input the required username / password on the authentication page. Is there a setting I need to modify to allow the authentication page to wait for input?
JC

>>What am I doing wrong?
Not giving us a link to the uploaded page so we can see the
page, how it
behaves and the actual code.
Until we see that you are unlikely to get a definitive
answer. The problem
is unlikely as you state it because text itself is never
dependant on the
browser viewport size.
Walt
"Fun Leprechaun" <[email protected]> wrote
in message
news:g9f7rq$ie4$[email protected]..
> Hello there,
>
> I am using a DW CS3 template that has a sidebar div and
a main content
> div -
> the text in the main content div keeps resizing to the
size of the browser
> window - I don't want the text to resize if I make the
browser window
> smaller -
> I want it to remain the same. I am trying to float the
text right and
> input a
> width but this is not working for me. What am I doing
wrong?
>
> HELP!
>
> Many thanks!
>

My Text Moves Position Depending on the Browser I Use

Similar Messages

Maybe you are looking for