Faux column background not aligned in smaller browser window...

I'm working on a three-column webpage. I'm using fixed-width columns, with the left and right columns floated (started with a dreamweaver layout). I am also using a background applied to the <body> tag to apply the faux column look, so that the side column backgrounds flow all the way down the page.
My layout is a total of 780px wide, but the background image I'm using is 2000px wide. It's the same image that was used in the previous version of the website, and I can only guess that the image is that wide to "fill" the extra space around the main content when the browser window is wider than 780px. Because the image is so wide, I have it styled to center on the page. When my browser window >= 780px wide, everything looks great... the faux columns line up perfectly with the divs. However, when I make the window less than 780px, things get messy.
My layout elements stay where they are, meaning that the left edge of the container stays aligned with the left edge of the screen and a scroll bar appears at the bottom. However, since my background is set to center itself, it continues to try to center itself in the browser window. Basically, the content is not centered in the browser window, but the background is, causing the faux columns to not line up with the divs. The relevant CSS I have applied is:
body {
 font: 100% Verdana, Arial, Helvetica, sans-serif;
 margin: 0;
 padding: 0;
 text-align: center;
 font-size: 12px;
 color: #666666;
 background-repeat: repeat-y;
 background-position: center;
 background-image: url(../img/BG-gray.gif);
#container {
 width: 780px;
 margin: 0 auto;
 text-align: left; /* this overrides the text-align: center on the body element. */
Note: everything within the container div stays where it should relative to the container, so I didn't include the CSS for them, though I can post it up later if you really need to see it.
Is there a way to keep everything lined up in a smaller browser window? Or, would it be better to trim down the background image to the same width as the container?
Sorry for the long message, but I'm new at this. Please don't eat me.

Same problem, only worse. That causes the background to show from the very left edge of the image. All my text is in the gray area in the example below. Let me try to clarify...
The background image is something like this (colors are for clarity):
(filler)
Left faux column
Main content goes here. This is always in the center of the browser window.
Right faux column
(filler)
Where the combined width of the blue, white, and red sections is 780px. This is what I want my layout to line up with, the blue and red columns being the faux left and right columns, respectively. The gray areas are "filler" that colors the excess width in browser windows that are wider than the fixed width of the main content. With the background set to centered, the white stripe is always centered in the browser window. As long as the window is wider than my layout, the layout is centered in the browser window as well.
I'm looking for a way to either center the background relative to the layout container, not the browser window, or to keep the layout container centered in the browser window when the window is narrower than the layout.

Similar Messages

In Previewing, is it normal for a string of small browser windows to keep opening?

When I preview in IE browser, I keep getting a string of small browser windows which I must individually enlarge to see my pages as I designed them for the maximized screen. Is this a standard DW Previewing in Browser procedure? I use DW 4 and IE 7. I have Vista OS with 1600 x 1200 screen resolution. All the targets of my pages are set to blank. I don't want my viewers or myself to be put through this tiresome process when the site is finally online. Do I have a problem here?

Beth,
Bingo, we hit zee jackpot. Your lead about this problem being a browser problem and not DW's was right on. The browser window tweeking did not do the trick, but your thread sparked off some leetle grey cells (Hercule Poirot!) at this end. Thinking you suspected I.E. of the dirty deed, not D.W., I went to Internet Options:
I. "Change how webpages are displayed in tabs" option. Hit brings up:
          a. "When a pop-up is encountered". 3 radio button options are displayed:
               1. Let I.E. decide how pop-ups should open.
               2. Always open pop-ups in a new window (this button checked. aha! gotcha!)
               3. Always open pop-ups in a new tab.
I unchecked "2" and checked "3", and Voila! C'est ca! No more leetle pop-up weendows!
I owe you a free trial workout with Charles Atlas. Is he still alive? I mean, he was even before Jack La Lanne. OMG, I'm showing my telltale leetle grey cells!
Case closed, Inspector Marshall.
Merci millefoix!
Clyde

Gradient background not aligned correctly

i have some photo pages and the gradient background is not aligned correctly
- generally below where I want it - like on iweb shows correctly - but on web - it is below the navbar.....
.... how do I control this?
is this something to do with layout? one page is fine - the next is messed up....
this was an import from iweb 2006 - does that matter

crazy enough but I think I found it : I had a 3 word title for the page - and when I replaced the spaces with dashes - the problem went away.....
Is that kooky or what?

Proportionaly scaling down background image when restoring down browser window

Hi all, i need some help, i want to minimize(scale or restore down) window to not-fullscreen browser window (and ajusting size of window manually over arrows in the corners of the window) and retain background picture full size (i need to picture proportionally follows screen scaling).
I`m new into flash stuff, so please tell me if it is the code or what, and if you know part of code that will do the job, write me down!
Thanks!

I take it you want a liquid effect. I wrote a site that does that or rather the background of this site does that http://www.droolpigs.com/ . It's fairly simple just tell the backrgound to change width and height on stage resize.
    public class NuPigs2 extends MovieClip
        var holder:btnHolder; // container for nav buttons
        var onStage:*;     // this can be anything
        var ratio:Number;
        var rRatio:Number;
        var newRatio:Number;
        var com:FLVPlayback;
        var bkg:*;
        public function NuPigs2(){
            com = new FLVPlayback();
            setCom("droolPigsWrestling.flv");                     // set the video for player com
            addChildAt(com, 0);
            stage.align = StageAlign.TOP_LEFT;
            stage.scaleMode = StageScaleMode.NO_SCALE;    // this is needed for resizing to work
            onStage = com;                                                   // the video player is assigned to onStage
            ratio = onStage.height/onStage.width;
            rRatio = onStage.width/onStage.height;
            addHolder();
            fillBG();
            stage.addEventListener(Event.RESIZE, fillBG);
////////////////////// FILL BG ////////////////////////
// this code makes the video resize with the stage
        function fillBG(evt:Event = null):void {
            newRatio = this.stage.stageHeight/this.stage.stageWidth;
            holder.x = this.stage.stageWidth - (holder.width +25);    // position the buttons on the right
            holder.y = 50;
            if (newRatio > ratio){
                 onStage.height = this.stage.stageHeight;
                 onStage.width = (this.stage.stageHeight * rRatio);
                else {
                  onStage.width = this.stage.stageWidth;
                  onStage.height = this.stage.stageWidth * ratio;

Why is there blank space showing desktop background above and below my browser window? How to fix this?

I recently installed Firefox on a new PC and this latest version shows either the desktop background or the content of the open window behind my browser above and below the browser window, to the right of the menu bar and tabs. This is something I've never seen before and it's annoying. I want things back the way they were, when my entire screen was browser window, except for the button bar at the bottom of the screen. I tried the factory reset, no help. Tried full screen. Not what I want. How do I get rid of these window backgrounds around the browser?

Try to disable transparency in Windows.
Right click in a free space on your desktop. 
Left click on Personalization. 
There are four options at the bottom of the screen, choose "Window Color and Appearance". 
Select a border color 
Uncheck: "Enable transparency" 
* http://www.howtogeek.com/howto/7955/how-to-fix-no-aero-transparency-in-windows-7/

Will not display pdf in browser window -

will not display downloaded acrobat files from the web in browser window - safari -
can save same download and view in acrobat and/or preview.

Apple Safari 5.1 and Adobe Reader/Acrobat Advisory
If you are running Lion v10.7 > Known Issues | Adobe products on Mac OS 10.7 Lion

Pdf links will not open in new browser window

I have created a pdf document in Acrobat 9 Pro that is password protected. You must enter the password to open it. In this document there are perhaps 15 links to other pdf documents. I set up each of the links to open in a new window. The links work as expected in Acrobat, each opening in a new window, however, when I posted the documents to the web, the links open in the same window as the original document. This would not be a big issue if the original document were not password protected, but each time the user clicks on a link, it takes him out of the original document. To get back to the original document requires re-entering the password. This is a major irritation with so many links.
I know that you can set Acrobat to display the documents in its own window rather than in the browser, but my users don't know that. Control clicking on a pdf link does not open it in a new window as it would with an HTML link. Is there a simple fix to this problem that does not involve user intervention?

Well, I came up with a solution, thanks to Ted Padova who offers a simple JavaScript solution on his blog at http://www.acrobatusers.com/blogs/tedpadova/opening-pdfs-new-browser-windows.
The solution is clearly laid out even for beginners, if you know how to create a link or button.
It seems to me that a prime objective of Adobe in developing Acrobat would be to have it behave the same way in free-standing mode and as a plug-in. In this case it does not, and obviously, it has not for the last forty-eleven years that Acrobat has been on the market. Maybe some day they will get around to a fix for this obvious problem. In the meantime, read Ted's blog and be happy we have guys like him who can solve these problems.

Dialog control flow case not opening in new browser window

Hello -
Using JDev 11gR1.
I have a page fragment that contains a table of command links like so:
 <af:commandLink text="#{row.id}" id="cl2"
 action="#{reportRunnerBean.runReportAction}"
 useWindow="true" windowHeight="500" windowWidth="500">
 <f:param value="#{row.id}" name="reportId" id="p2"/>
 </af:commandLink>the runReportAction method returns the String: "dialog:runReport"
in my page flow, the page fragment has a control flow case with the outcome "dialog:runReport" that leads to a URL View with the URL setting set to #{pageFlowScope.reportUrl}
(the reportRunAction places a string in page flow scope with the key of "reportUrl". in case it matters, the url is external to the application)
When I click on the link, I am directed to the correct URL. However, it does not open in a new browser window - it takes up the main browser window.
Is there something obvious that I am doing wrong?
Thank you for reading this,
-- Scott

Well, I couldn't figure out why the dialog wasn't working correctly, so I changed my page to use a server listener to handle the logic I wanted and just used af:goLink instead of a command link. That command link above became:
 <af:goLink text="#{row.id}" id="gl1"
 destination="#{row.reportUrl}"
 targetFrame="_blank">
 <af:clientAttribute name="reportId" value="#{row.id}"/>
 <af:clientListener method="logReport" type="click"/>
 <af:serverListener type="LogReportEvent"
 method="#{reportListBean.logReportInvocation}"/>
 </af:goLink>with the following client listener:
 <af:resource type="javascript">
 function logReport(evt) {
 var component = evt.getSource();
 var reportIdParam = component.getProperty("reportId");
 AdfCustomEvent.queue(component,
 "LogReportEvent",
 { reportId: reportIdParam}, false);
 </af:resource>and code in the bean:
 public void logReportInvocation(ClientEvent clientEvent) {
 String reportId =
 (String)clientEvent.getParameters().get("reportId");
 //...do something w/reportId here...
 }Thanks to anyone who took the time to read this.

Firefox not opening a private browsing window instead getting another normal browsing window

I went through the forum question and found answers and tried that but it does not seem to resolve the problem.
Tried the steps given before that doesn't resolve it
tried uninstall completely and reinstall with new setup , still not getting the private browsing
current software config:
Windows 7 32 bit
with Firefox 31 version
Thanks for your help .

Hello Philip,
You are right about the setting and your solution is working but given the option of setting to never remember history and then defaulting to private browsing mode is not given as a note to user while this option is selected,seems to me as a user experience hiderring issue.
However , I have found out that we can still will be able to open in private browsing mode for window 7 OS system by using ''right click option on pinned firefox from the taskbar is still able to launch the firefox in the private browsing mode.''
Please try it, its working even when we have set set firefox to "never remember history" in the options>privacy panel
Thanks philip for sharing your valuable findings for better firefox browsing experience

IPhoto library not updated in Finder browse window?

Hi!
When I try to upload images from iPhoto to my blog, I more often then not find that the images I just uploaded aren't visible in the browse window from which I shall choose my files. The iPhoto latest import shortcut displays my second to last import, and it is not visible as a new event either. This doesn't happen every time though, sometimes it works. It's about 50/50 I'd say. In iPhoto the latest pictures are of course visible, so the workaround is to export the latest import to the desktop and choose the files from there. This is tedious though, so I'd really like to find a solution. Anyone got any ideas? Could it be some sort of indexing thing that prevents Finder from displaying an up-to-date representation of my library?
All help greatly appreciated!
Erik

click here for a discussion on the many correct and safe ways to access your iPhoto library photos.
Are you using the media browser in the lower left hand corner i the upload window? ip so try renewing your iPhoto preference file - A good general step for strange issues is to renew the iPhoto preference file - quit iPhoto and go to "your user name" ==> library ==> preferences ==> com.apple.iPhoto.plist and trash it - launch iPhoto which creates a fresh new default preference file and reset any personal preferences you have changed and if you have moved the iPhoto library repoint to it. This may help
This does not affect your photos or any database information (keywords, faces, places, ratings, etc) in any way - they are stored in the iPhoto library - the iPhoto preference file simply controls how iPhoto works - which is why renewing it is a good first step.
LN
LN

Not launching in new browser window?

I have setup a Flash viewer in a HTML Div container. In the Flash I have put a button which, when clicked, launches a new browser window with another site I've done to appear in.
When I test this in Flash its working fine and launches the new window as it should.
But when I go into Dreamweaver where I have placed the Swf. in the Div container, I test it locally in a Firefox browser window. The viewer appears and it works correctly, but when I click the button to launch the new browser window it just opens a window with an error msg 'unable to connect, etc'.
Any idea why this wont work? Is it because it needs to be live (online)?

Hi,
What is the link that you are trying to open.
Please check if you have placed the protocol - like this http://www.xmy.com" format
and used "_blank" as target in navigateToURL API.
Warm Regards
Deepanjan Das
http://deepanjandas.wordpress.com/

Window size will not change in open browser window behaviours

Despite changing the sizes of the window in the edit function of
edit open browser window it always opens up as one big page.
My code is
<a href="popup.html"><img src="../Existing business1.jpg" alt="existing1" name="services" width="359" height="283" id="services" longdesc="http://Hr existing" onclick="MM_openBrWindow('popup.html','popup','width=430,height=300')" /></a>
Can anyone help?
Thanks

Which browser(s) are you testing?
Have you got a URL to your test pages yet? That's the best way to get help.
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb
http://alt-web.blogspot.com

Global Policy Link Does Not Open A New Browser Window in IExpenses

Hi All,
On 11.5.10.2 version
Global Policy Link which is located at the top of most iExpenses pages is
supposed to open a dynamic web page (Core policy manuals) on a new browser when
someone clicks on it. Currently this link, when clicked on it, brings the
correct page on the same browser.
I need the page to be opened in new window.
if not so, i need a alternate solution to open in new window
Thanks in advance,
Vali

Hi
Accessing an application with the window name is not possible.The other possibility is accessing it using the application name.Follow the code...It will be
useful for you.
Thanks
Anzy
Data:    lo_cmp_api             TYPE REF TO if_wd_component,
          lo_window_manager      TYPE REF TO if_wd_window_manager,
          lo_ext_win             TYPE REF TO if_wd_window,
          lv_url type string.
lo_cmp_api = wd_comp_controller->wd_get_api( ).
lo_window_manager = lo_cmp_api->get_window_manager( ).
CALL METHOD cl_wd_utilities=>construct_wd_url
      EXPORTING
       application_name = 'MYAPPLICATION'
      IMPORTING
       out_absolute_url = lv_url.
lo_ext_win = lo_window_manager->create_external_window(
                                   url = lv_url
                                   title = 'My Application' ).

Global Policy Link Does Not Open A New Browser Window

Hi All,
On 11.5.10.2 version
Global Policy Link which is located at the top of most iExpenses pages is
supposed to open a dynamic web page (Core policy manuals) on a new browser when
someone clicks on it. Currently this link, when clicked on it, brings the
correct page on the same browser.
I need the page to be opened in new window.
if not so, i need a alternate solution to open in new window
Thanks in advance,
Vali

Respectfully, that answer isn't particularly helpful. I have already demonstrated that middle-clicking (mouse wheel click) will open a new instance of FF, and other programs. This was true before the upgrade from FF4 to FF6, and is true on all my VM builds (Windows 7 default install with nothing but FF installed).
Nevertheless, I've tried shift-left-click, and it does not open a new instance. It will only open a new instance if I pin FF to the taskbar, which I have already stated I do not want to do. This new behaviour is unique to FF. Other applications (Word, Excel, Internet Explorer, whatever) all behave as expected. It is only Firefox that is misbehaving, and it is only misbehaving since the upgrade.
My issue is that FF has changed its behaviour with respect to middle-clicking since upgrading from 4 to 6. I'd welcome helpful comments about getting FF to behave.
Max

Bookmarks do NOT open in a browser window when click "show all bookmarks"

Currently using Firefox 30.0.3 Mac OS 10.9.5. When I tried to edit my collection of bookmarks buy opening the "show all bookmarks" in the pull-down menu., nothing happened. This usually opens a new tab or window with the bookmarks displayed. I then researched HELP and tried all those solutions to no avail. Even where the help topic says a bookmarks window will open, it does not. I have no way of editing or deleting en masse outdated bookmarks. Yes I can do so individually through the bookmark button on the toolbar - what a pain in the _________s.
Is this problem intentional, or a glitch?

Cory MH - Thank you for your suggestions. The bookmarks window DOES open when Firefox is in safe mode. So I went through the troubleshooting process and nothing there helped. Extensions (there are only two) are disabled, I am using the default appearance. All plug-ins are set on "ask to activate". I should mention that this bookmark problem only just began, and never happened before the most recent updates - there were two only a day or so apart.

Faux column background not aligned in smaller browser window...

Similar Messages

Maybe you are looking for