Page looks stretched in IE

Take a look at this main page in IE: www.napatouristguide.com
Now look at this page:
www.napatouristguide.com/restaurants.html
In Firefox, no problems. In IE, the restaurant page is
stretched too wide. I've gone over the code but can't figure out
what the problem is. Can anyone help?
Gary

They look the same to me in FF3 and IE6 Win XP. Both pages
fit inside a
1280 viewport.
Nancy O.
Alt-Web Design & Publishing
www.alt-web.com

Similar Messages

Page looks different in IE and Firefox

I am creating web pages in Dreamweaver, with tables and
images,.but when preview, one page looks totally normal in IE, but
messed up in Firefox, another page looks nomal in firefox, but
messed up in IE. I checked all the assets in dreamweaver, they are
all right.
Could you please advise me how to change or where to change?
Thank you so much!
Esther

Go to that location, and paste your page's code into the
direct input tab.
Or give it a URL where it can find your page to validate it.
> I was wondering what might be the causes lead to
different looks in
> different
> browers (in one brower, pages messed up?in another
brower pages look
> normal),
> and what to do to fix them?
The point that we are trying hard to make, is that there is
no easy button.
The largest (by far) reason that a page would not look the
same in all
browsers would be the use of invalid HTML. That's why I
steered you to the
validator.
> I can send you some screenshot of the pages
A screenshot is of no use at all. Sorry. The answer is in the
code.
> I do not have link address for those pages yet.....
Without seeing your code, nobody can give you substantive
help.
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
==================
"EstherH" <[email protected]> wrote in
message
news:[email protected]...
> Hi Murray,
>
> The web pages I am creating is to show my homeworks and
projects for
> school.
> And right now, I am working on local site and I haven't
putting them
> online
> yet.
>
>
http://validator.w3.org/ showed
me: "Sorry! This document can not be
> checked."
>
> I was wondering what might be the causes lead to
different looks in
> different
> browers (in one brower, pages messed up?in another
brower pages look
> normal),
> and what to do to fix them?
>
> If it is useful, I can send you some screenshot of the
pages. Sorry that I
> do
> not have link address for those pages yet.....
>
> Thanks a lot for your patience and help!
>
> Esther
>
>
>
>
> -------
>
> The first thing to do is to make sure your page's
validate. Do they?
>
>
http://validator.w3.org
>
> --
> 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
> ==================
>
>
> "EstherH" <[email protected]> wrote in
message
> news:[email protected]...
> > Hi Murray,
> >
> > Could you please also advice me how to adjust or
modify in Dreamweaver
> > so
> > that my pages will look normal on all the browers
(IE, firefox,
> > Safari....)?
> >
> > Thanks a lot
> >
> > Esther
>
>
>
>
>

Team Blog: Why does my page look different in BrowserLab?

Duane O'Brien, engineer on the BrowserLab team has a new blog post on the BrowserLab Team blog that you might find interesting. It covers when/why you might see rendering differences between the BrowserLab browsers and your local browsers. Good info.
http://blogs.adobe.com/browserlab/2011/07/11/why-does-my-page-look-different-in-browserlab /
Bruce
Bruce Bowman
BrowserLab product manager
BrowserLab Team Blog: http://blogs.adobe.com/browserlab
Twitter: @brucebowman, @adobebrowserlab

As Wyodor indicated IE is not the most advance, up-to-date browser out there.
See Roddy’s tips for making iWeb pages more compatible with IE.
OT

Footer in Master page looks different in other pages

I've tried everything and need help pls. I just try to make a textbox in the footer of the master page. it should look like this:
Master Page:
But in every other Page the alignment changed, the footer changed and the textbox in the footer too. It looks like this:
This only happens, when I put the textbox in the footer of the master page. When there is no textbox, if have no problems with the alignment and every page looks like the master page.
I really don't know what i am doing wrong.
Info: The checkbox "Footer" of the textbox is on and i deactivated "sticky footer" in the properties. All pages are using the master page.

Hi Isabella,
Can you please upload the Muse file and share the link.
Regards,
Akshay

What is the Firefox start page looking for when it tells me I'm not using the most current version and need to update Firefox? The check for updates button says my version is up to date, but the start page disagrees. Is there a setting I need to adjust?

Okay: My start page is the one Google provides: http://www.google.ca/firefox?client=firefox-a&rls=org.mozilla:en-US:official and frequently it has a note underneath the search box that "You're not on the latest version of Firefox. Upgrade today to get the best of the Web!" But when I check for updates on the About Firefox window, it says my Firefox is up to date. So what is the start page looking for? Is there some setting I need to adjust? Or is this a Google marketing ploy to get me to switch to Chrome?

I tentatively think I have the solution; this is for when the session id value 'thing', in about:config, referred to in other answers is already on the default/rest state.
I am assuming, I don't what to imply certainty in-case there is a value wrong in our browsers, that the problem stems from the fact that our homepage is no longer the default for Firefox.
So, go to 'Options'>'General' and delete the homepage. This will reset it to the new address, which is 'about:home'.
I hope this helps some people.

External monitor view looks stretched

Over the weekend, I ventured into the world of Mac ownership with a new macbook pro. At my office, I've connected it to a 23" external monitor just to make it easier on my eyes. When I first set it up last night, the view on the external monitor looked stretched or a like blown up version of what's on my computer screen. (FTR, I have mirror display turned on because I'm keeping the macbook on a shelf under my desk and just want to work from the one screen.) I messed with the resolution size of the external monitor but that didn't fix the problem.
Today, when I came in and hooked everything up, the screen looked like how I originally expected it to look - not stretched or any of that junk. Just very crisp and clean - exactly the way I wanted it. Then a bit ago, I tried to mess with clamshell mode and for some reason, that made the external monitor go back to being stretched. I've tried restarting several times and unplugging the DVI->mini display port converter but it's not fixing it.
I have no idea what I did right this morning, but can anyone help me? It's a stupid problem, for sure but it's annoying staring at this stretched screen.

Try this instead, hit CMD F1 to place the monitor in extended desktop mode, It should look good again.
Go to System Preferences > Displays > Arrangement tab > notice the grey "menubar" at the top of the left display. Move it to your other monitor display. This will control which monitor has the dock and menubar. If the external monitor is not available, it moves back to the MBpro.
Regards,
Captfred

Pages looks fine but prints blank

Using Pages in page layout mode, starting with a blank template, portrait 8.5 x 11.
The composed page looks fine on the screen but shows up completely blank on the printer. Tried PDF, Preview etc. all blank. The content even shows blank in the printer dialog. I'm baffled.

Duh! I have (embarassingly) solved my problem!
Somehow I had left the option "even Pages only" turned on and as there was only a single page I was printing a null set. Unfortunately the print dialog says something like 'using latest settings' and doesn't list them so it took me a while to realize the error. I've only been using a Mac since 1985 after all!

Page looks funny in IE, looks fine in Chrome, Firefox, Safari

Hi Everyone,
Any advice would be greatly appreciated. This page looks fine in Firefox, Safari, and Chrome, but the formatting gets screwed up in Internet Exploder. Since I'm on a mac, checking is rather difficult for me. Aside from fixes to the code to get this to display properly, does anyone have any advice as to how to check stuff in IE from a mac, aside from 1) buying a PC or 2) asking PC friends to take screen shots? Here's the link:
http://www.sarahegeller.com/suggested.html
Thanks,
Nick

Ok, that is weird. It seems to only be altering IE 8. I did a screenshot test of IE 7 and looked at it in 9 and it doesn't seem to be affected.
I had run your page through the validator before and only came up with unnecessary code for tracing and missing alt tags. Here is the block of code that first seems to be affected:
<td valign="top" class="style9">Astor Piazzolla (Arg.) 
Alberto Ginastera (Arg.) 
Camargo Guarnieri (Brazil) 
Juan Orrego-Salas (Chile) 
Paquito D’Rivera (Cuba) 
Joaquín Nin (Cuba) 
Carlos Chavez (Mex.) 
 
Manuel Ponce (Mex.) 
 
Silvestre Revueltas (Mex.) 
Ricardo Lorenz (Venezuela) 
Manuel de Falla (Spain)/ Arr. Kochanski 
Xavier Montsalvatge (Spain)</td>
I then look at "class='style9'" and "class="style12" right after that:
.style12 { font-size: 8pt;
 font-family: Arial, Helvetica, sans-serif;
 line-height: 12pt;
 background-color: #FFFFFF;
 color: #000000;
 font-weight: normal;
.style9 {font-size: 9pt;
 font-family: Arial, Helvetica, sans-serif;
 font-weight: bolder;
 color: #0099FF;
 text-align: right;
This tells me that you are not very familiar with code because DW created 2 classes named "style#". As you can see, both classes are defined, and both want different things, one is 9pt the other 8, one is normal font-weight, the other is bold, but both are defined on the same element. I see a pattern of this throughout your page which leads to apdivs that don't seem to have a purpose and a long line of tags to insert line breaks and create spacing instead of using margins and padding. Most here will argue that while DW is a great tool, a knowledge of HTML & CSS will always be better. Overall, I don't see any need for anything more complex than 3 styles; one for blue header, one for bold header and one for body text. Then insert your header 1, header 2, body text, and then put the following content inside table and repeat.
Based on what is there, in order to solve the problem efficiently, I would recommend starting at your template file (assuming you are using one, if not you should look at it for this type of layout). Then re-layout the body content on the page with the template in tact using the suggestions above. I would also recommend giving the below tutorial a quick read through in case some of the CSS comments I made did not make sense.
http://w3schools.com/css/

Page looks horrible in PC browsers

so i'm satisfied with the way this page looks on MACS but PCs
is a totally different story. How can I clean this up?
http://litigationsupportcareers.com/test/index.html
thank you

A good place to start on layout problems is the W3C's
validator. Your page
turns up some very interesting errors....
http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Flitigationsupportcareers.com%2Fte st%2Findex.html
The first one refers to a missing doctype. It's quite
important that your
page have a valid and complete doctype, as this is the only
way to insure
that your layout gets rendered by the various browsers in
standards mode
rather than quirks mode.
The most striking errors on your page are those that reveal,
perhaps, a
complete misunderstanding of how CSS works, e.g.,
p4
{color: #333333;
font-style: normal;
text-align: left;
font-family: times new roman;
font-size: 11px}
<td align="center"
valign="top"><p4>•</p4></td>
<td><p4>Market your positions directly to job
seekers
You are using CSS selectors as if they were HTML tags. They
are not. To
make this work, you would need to have this -
.p4
{color: #333333;
font-family: "times new roman", times, serif;
font-size: 11px}
(note the leading period on the p4, the deleted default
styles and the use
of a) quotes around font names containing spaces, and b) a
font family to
account for the fact that not all computers have Times New
Roman installed)
and then this -
<td align="center" valign="top"
class="p4">•</td>
<td class="p4">Market your positions directly to job
seekers
What you have defined as an invalid TYPE selector in the CSS,
should be a
CLASS selector.
But the most important reason why your page looks different
on different
computers is explained here -
http://apptools.com/rants/spans.php
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
==================
"brad_goldstein" <[email protected]> wrote
in message
news:[email protected]...
> so i'm satisfied with the way this page looks on MACS
but PCs is a totally
> different story. How can I clean this up?
>
>
http://litigationsupportcareers.com/test/index.html
>
> thank you

PAL video looks stretched out in HD project?

I imported some PAL video, which is 720 x 576 pixels.
I am putting this onto a project set to 1920 x 1080.
When I put it on the timeline, it becomes stretched out, so the faces look weirdly disproportioned.
This seems to happen whether or not I check 'match sequence settings' when I drop it into the timeline.
Is there an effect or filter I can apply to this video to make the video not look stretched? I don't care if it has to be letterboxed or black-barred on the side.
Thanks,
AM

Right click the clip, Remove Attributes > Distort.

Page look after patch update

Hi All ,
A patch is applied on instance A but not in instance B. A particular page look is now different in instance A.
The page has two regions with query region style . lets name it as queryRN1 and queryRN2.
In instance A - queryRN1 is shown in the page
In instance B - queryRN2 is shown in the page
But the properties(Personalize Page) setting is identical in both the instances.
Things I have tried are ::
Exported personalized xml from instanceB through Functional Administrator.
Imported in the instanceA.
Cleared cache.
Bounced the OA core services.
but no result. pls help me understanding missing point here ..,,

We are on SP 15 Patch 17...
Any resoulution on this problem. cos we are having this problem everyday and need to run it manually...
we have the same problem in DEV too...
regards
D

New To DW5 , downloaded a page, looks a total mess

Ok, I just downloaded purchased DW5 and downloaded this page via our FTP
www.fasttracktofatloss.com [Moderator's note: This website autoplays video and tries to prevent users from leaving by loading a second page which also autoplays a video. Visit at your own risk.]
When I open it up in DW in design mode, it appears as a god awful mess, no comparison at all to how it looks on the page.
See below.
Perhaps I was being somewhat hopeful, is this really the design view, I've not used Dreamweaver since the old MX days in 2002, back in those days you would open in design mode and pretty much what you saw was what the page looked like.
This for an amateur is just an unusuable mess.
Am I doing something daft here?

simonhdreamweaver wrote:
I really wasn't aware autoplaying a video etc was such a big deal to the community here.
It's not just a big deal to the community here. It's actually part of the World Wide Web Consortium's Usability Guidelines.
See http://www.w3.org/TR/UNDERSTANDING-WCAG20/visual-audio-contrast-dis-audio.html.
"If any audio on a Web page plays automatically for more than 3 seconds, either a mechanism is available to pause or stop the audio, or a mechanism is available to control audio volume independently from the overall system volume level."
Although the video on your main page has controls to enable the user to turn it off, they're hidden, so it takes more than three seconds to turn off. When someone tries to leave the page, another video plays, and the controls are inacessible because of the modal dialog box. If people are interested in your product, they'll happily click a start button to view your video.
Many people visit websites at work or in public libraries, where an autoplay video causes annoyance and/or embarrassment. Rather than convincing visitors of the value of your product, you're more likely to scare them away, particularly by playing another video when they try to leave. It's simply bad marketing.

Two pages look gray in preview mode, wont' export

Two pages in my document (a science text for kids) suddenly "went gray." They look fine in normal mode, but in preview mode the pages look gray like the background, except for the imported images which still have a white background. When I try to export and make a PDF file, those two pages come out as blank pages. I tried to delete the pages but they won't delete. When I click on the first page in the PAGES side bar, it takes me to the first page of the document and when I click on the second one, it takes me to the last page. I have no idea what keys I might have accidentally pressed. I don't even know the correct terms for the problem. Does anyone know what is going on? (This is a really important document for my business and is 250 pages long.)

See both Remove minor corruption by exporting and Replace Your Preferences and try rebooting your system.

My iPhone 4S can't support camera 360 apps.Once I open the apps 3 sec it will auto jump out to the home page.Look likes the apps crashed.Isn't my iPhone problem or the apps got bug?Please help me.TQ

My iPhone 4S can't support camera 360 apps.Once I open the apps 3 sec it will auto jump out to the home page.Look likes the apps crashed.Isn't my iPhone problem or the apps got bug?Please help me.TQ

Close all open apps by double-tapping the home button, then swiping up and off the screen with the app window (not the smaller icon).
Reset your device: hold down the home button along with the sleep/wake button until the screen goes black and you see the Apple, then let go. (No data loss)

Why does my page look funny in IE?

My pages look fine in Safari and Firefox, but when I open them in Internet Explorer, there are these large white rectangular shapes that are semi-transparent at the top of my page. Can any one help figure this out? My site isn't finished by any means but I don't want to continue if it's going to look terrible in IE which is what most people use with pc's
http://web.mac.com/lorenbarham/LHDBridal/EntryPage.html

As Wyodor indicated IE is not the most advance, up-to-date browser out there.
See Roddy’s tips for making iWeb pages more compatible with IE.
OT

Page looks stretched in IE

Similar Messages

Maybe you are looking for