Easiest way to Center imge in browser window

I have an almost full page image that I want to remain
centered right and left when the browser window is resized.
The BG is black so the black should grow evenly when the
resized browser window is changed.
I have tried different alignments but nothing keeps it
centered when the browser is resized.
Thanks for the help/

What is this?
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"Orr 4" <[email protected]> wrote in message
news:eh6akf$3p$[email protected]..
> <link href="../images/form images/untitled.css"
rel="stylesheet"
> type="text/css">
> <style type="text/css">
> 
> </style><table width="100%" border="0"
cellspacing="0" cellpadding="0">
> <tr>
> <td> </td>
> </tr>
> </table>
> <div id="wrapper"><img src="../images/form
images/textpage.jpg"
> width="825"
> height="780" /></div>
>
>

Similar Messages

Unable to center webpage in browser window!!!

Hi! I have looked for and tried almost everything to center my webpage in the browser window yet it doesn't work!
this is the page: www.claudechalhoub.com. I want the page to be centered regardless of the browser window size!
I have included the following code in my html:
<style type="text/css">
body {
text-align:center; /*For IE6*/
margin: 0;
padding: 0;
min-width:770px;
background-image: url(pictures/lastimage.jpg);
background-repeat: no-repeat;
background-color: #000;
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
color:#FFF;
font-style: normal;
#wrapper {
width: 770px;
margin:0 auto;
text-align: left;
</style>
And then I've included:
<body>
<div id="wrapper">
<div id="ap_text"> "The beauty of Claude Chalhoub's music is that it doesnt sound "new" at all. It sounds familiar, even if you have never listened to Arabic music (or classical music) at all. As if it had always been there. It's as natural as breathing. And that's what great art is all about – making the difficult seem easy."</div>
</div>
</body>
I can not figure out what is wrong for it not to work!
Any guidance???

If you still insist you want to have your image within the background image, you could just change your 'body' css tag as follows:
body {
text-align:center; /*For IE6*/
margin: 0;
padding: 0;
min-width:770px; /*minimum fixed width to suit majority of smallest browser widths*/
background-image: url(pictures/lastimage.jpg);
background-repeat: no-repeat;
background-color: #000;
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
color:#FFF;
font-style: normal;
background-position: center top;
Center positions is horizontally and top positions it vertically.

What is the easiest way to center a video in DWCC?

Nothifing i try works p PLEASE HLEP
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Cobalt Intro</title>
<style type="text/css">
body {
          background-color: #000000;
          margin: 0 auto
</style>
</head>
<body>

<style type="text/css">.easyhtml5video span{display:none}</style>
<div class="easyhtml5video" style="position:relative;max-width:960px;">
<div align="center">
    <video autoplay="autoplay" poster="index.files/html5video/Cobalt_Intro.jpg" style="width:100%" title="960">
      <source src="index.files/html5video/Cobalt_Intro.m4v" type="video/mp4" />
      <source src="index.files/html5video/Cobalt_Intro.ogv" type="video/ogg" />
      <object type="application/x-shockwave-flash" data="index.files/html5video/flashfox.swf" width="960" height="540" style="position:relative;">
        <param name="movie" value="index.files/html5video/flashfox.swf" />
        <param name="allowFullScreen" value="true" />
        <param name="flashVars" value="autoplay=true&controls=false&fullScreenEnabled=false&posterOnEnd=true& amp;loop=false&poster=index.files/html5video/Cobalt_Intro.jpg&src=Cobalt_Intro.m4v " />
        <embed src="index.files/html5video/flashfox.swf" width="960" height="540" style="position:relative;" flashVars="autoplay=true&controls=false&fullScreenEnabled=false&posterOnEnd=t rue&loop=false&poster=index.files/html5video/Cobalt_Intro.jpg&src=Cobalt_Intro .m4v"          allowFullScreen="true" wmode="transparent" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer_en" />
        <img alt="Cobalt Intro" src="index.files/html5video/Cobalt_Intro.jpg" style="position:absolute;center:0;" width="100%" title="Video playback is not supported by your browser" />
      </object>
    </video>
    <a style="display:none" href="http://easyhtml5video.com">html5 video fullscreen javascript maker by EasyHtml5Video.com v2.0m</a></div>
</div>
<script src="index.files/html5video/html5ext.js" type="text/javascript"></script>

</body>
</html>

OK - all is working fine except one thing. I want the last slide on the move to remain on the screen. In all browsers the movie goes to black. In Final Cut, the movie stops exactly where I want it to. Anything I can do in the code to make sure the last movie frame remains on screen as a still frame?.....Thanks......Art
body {
background-color: #000000;
.easyhtml5video span
      </object>
    </video>
    html5 video fullscreen javascript maker by EasyHtml5Video.com v2.0m
</html

Easiest way to center Div Tags

I'm trying to figure out how to center div tags, i know there
are some threads about it in the past but i was wondering what's
the simplest way to do it.
Mike

Most simple way is to read the threads and find the one you
think is the
easiest.
You'll get the same replies that have been archived,
the
methods haven't changed.
If you haven't already, you would be well served searching
through the
archives for the answer to your question. The archives can be
found here:
http://groups.google.com/group/macromedia.dreamweaver
http://groups.google.com/group/macromedia.dreamweaver.appdev
You can center a div by having the content in the containing
div center
(text-align: center
, you can center a div with an auto margin (margin:
auto
. You can center a div with html and centerign your
child div <div
align="center"><div
id="CenteredDiv"></div></div>
"mikesilverman22" <[email protected]> wrote
in message
news:e675p2$4eh$[email protected]..
> I'm trying to figure out how to center div tags, i know
there are some
> threads about it in the past but i was wondering what's
the simplest way
> to do it.
>
> Mike

Why is there a circle in the center of the browser window?

Hi,
Sometimes when browsing the web, Firefox displays a crosshair-like circle in the middle of the screen. This just started a few weeks ago. I have not been able to find any information about this. It appears to happen when I type into form fields like this one. But then it persists even after I go to another page or site. Could it be a problem with an Add-On? I have AdBlock Plus and Ghostery installed.
Does anyone know why this is happening, and how to make it stop?
Thank you.

Is it the mouse pointer that changes and doesn't change back? In that case I would suspect an add-on, maybe one related to form filling??
Or is it like a display glitch which is superimposed over whatever's behind it? If it's the latter, could you try disabling graphics hardware acceleration? Since this feature was added to Firefox, it has gradually improved, but there still are a few glitches.
You usually need to restart Firefox in order for this to take effect, so save all work first (e.g., mail you are composing, online documents you're editing, etc.).
orange Firefox button ''or'' classic Tools menu > Options > Advanced
On the "General" mini-tab, uncheck the box for "Use hardware acceleration when available"

How to center wireframe layout in browser window

HELP!!
I've created a set of wireframes for a website in Proto but when I bring them up in a browser window the layout is always left aligned and I cannot figure out how to get the layout to center in the browser window.
I've used margin: 0 auto; on the container div but it does no good, the layout stays left aligned. I'm about to pull my hair out on this one.
The URL is http://www.bluegrasswebservices.com/kpp/index.html
Thanks for your help
Gary

I had the same issue and decided to make the change myself. All you have to do is add a wrapper div, match it to the width of your file and center it via CSS. It would def be much more convenient to have this as an option, but alas your solution is below....
HTML
<div id="wrapper">
Your page content
</div>
CSS
#wrapper{
    width: (width of your content);
    position: relative;
    margin: 0 auto;

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.

How do you float and image or text so that it remains centered for a given browser window size (horizontally aligned).

Is it possible to float images horizontally in muse (horizontally aligned) such that an image or text remains in the center of a browser window regardless of its dimensions. The pin feature is capable of accomplishing this but it has the unwanted effect of, well, pinning it. There must be a way other than manually changing the code outside of muse after each change.
Thanks,

Hmm, tried it and its not working as intended. I created a text box the width of the page, typed some text and center justified it. When I adjust the size of the browser window it of course remains centre justified but it doesn't stay in the center of the scree as the window width changes. Did I not understand the 100% width part correctly?
To be clear, I understand how to do this is CSS but there must be some way to do it in muse so you don't have to manually go back and edit the html after each upload.

Is there any way to close an IE browser on XP through a Java Program

Hi All,
I am working on an application which has a web form with various feilds in it, on selecting the fields and clicking submit, the form will launch a WinRunner application in a remote machine and runs a test. For this I am using Tomcat webserver (V4.0.1). Now the problem I have is, when I submit the form, and WinRunner Launches on the remote machine (which has Operating System XP), should not already have any Browser windows open on it. So, to ensure that no browser windows are open, Initially in my Java Program I want to write a code which cleans up all the OPEN Browser windows on that machine.
Can any one help me out in finding a way of closing the IE browser windows on a XP machine through a Java program. (There is a servlet in the Tomcat webserver which launches the application based on the browser request). Tomcat is installed on the machine where WinRunner will be launched, So my browser request goes to that machine directly.
Thank you very much,
Ramesh Babu M.V.

You can call some program (via Runtime.exec) that kills all IEXPLORE.EXE processes (ugly but could work for you). For instance, there is a program called kill.exe that you can try getting somewhere. My version of KILL.EXE is really old and somewhat buggy (killed all IEXPLORE.EXE processes but one in my Windows 2003 machine), so try checking if there's some newer version anywhere.
C:\>kill -?
Microsoft (R) Windows NT (TM) Version 3.5 KILL
Copyright (C) 1994-1998 Microsoft Corp. All rights reserved
usage: KILL [options] <<pid> | <pattern>>*
           [options]:
               -f     Force process kill
           <pid>
              This is the process id for the task
               to be killed. Use TLIST to get a
               valid pid
           <pattern>
              The pattern can be a complete task
              name or a regular expression pattern
              to use as a match. Kill matches the
              supplied pattern against the task names
              and the window titles.

Centering a page in a browser window.

A friend called me up over the weekend wondering how to get a page to center in a browser window. I was caught off guard and told him I would have to call him back (Not working with Dreamweaver or HTML on a daily basis can cause the simplest things to become foggy or lost.) The best I could tell from one of my Dreamweaver books is that you need to set all of the margins to zero in the property inspector. This should make sure all of the areas around the page are equal.
I want to make sure so I come here seeking the final answer. Was I correct with the margins to zero answer?
Thanks,
Ken

This gets asked a lot. You really only need 3 things to center a page.
1) a valid document type declaration on the top of your page. DW does this for you when you open a new HTML document.
2) A declared container width in pixels, ems or percentages.
3) Margin-left and margin-right set to auto.
CSS Code:
#container {
width: 900px;
margin: 0 auto; /**this centers container in modern browsers**/
text-align: center; /**this centers container in old browsers**/
HTML Code:
<body>
<div id="container">
your page content goes here
</div>
</body>
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb
www.alt-web.blogspot.com

Opening a new browser window from flash

Does anyone know of a method fo opening a link in a new
window in firefox from within flash that isn't blocked by the popup
blocker. It seems like the security in FF 2.0.0.6 (I'm on 2.0.0.11)
has been tightened to prevent any _blank or window.open calls from
flash getting through. I've tried the standard getURL, fscommand
and ExternalInterface call to a javascript window.open method.
Nothing now works.
I understand the need for the popup blockers, but this is a
legitimate popup only invoked on user interaction (click) - the
same window.open call in an onClick event outside of flash works
fine and I guess it is blocked from within flash because there is
no way of knowing if the call is invoked from user interaction or
automatically - but seems a shame.
So any other way of getting a new browser window to open from
within flash in firefox?

Use target="_blank" in your form declaration.<FORM METHOD=POST ACTION="someAction" TARGET="_blank">The _blank keyword tells the browser to load the results in a new window.
If you need more control over your window (size, address bar, etc.) you'll need to use javascript.<SCRIPT>
function submitForm(windowName){
   newWin = window.open("",windowName, "menubar=no,resizable=no,...");
   document.myForm.target = windowName;
   document.myForm.submit();
</SCRIPT>
<FORM NAME="myForm" METHOD=POST ACTION="some.jsp" TARGET="">
<INPUT TYPE=BUTTON VALUE="Submit" onclick="submitForm();">
</FORM>

E61 - multiple browser windows possible?

I haven't found a way to open a 2nd browser window using the built-in web browser on the E61.
Is anyone aware of a way to open a link in a new window, such that you can have 2 or more windows open simultaneously? The obvious technique of holding down the shift key while clicking on a link does not work.
It seems that some 3rd party browser apps do support this feature. But I'm hoping that its possible with the built-in browser and I've just overlooked something.

Not sure about E61 browser, but is possible with Opera.

Floating Items in the browser window

I have a stage that is 4000 some pixils wide.
I have some items tht i would like to be on screen and in a fixed position no mater where you scroll.
2 to be centered - content and intro
1 to be top left and - logo
one to be top right - contact
i have the following code that is present in the compisioionReady that floats a symbol named content in the center of the browser window.
i need to add the other 3 items to this code.
Thoughts?
$(document).scroll(function(){
    var leftEdgeWindow = $(this).scrollLeft()
    setLeftEdge(leftEdgeWindow);
function setLeftEdge(base){
    //get the content symbol
    var contentObject = sym.getSymbol("content");
    //here it is in jQuery
    var content = contentObject.getSymbolElement();
    //get some important widths
    var contentWidth = content.width();
    var windowWidth = $(window).width();
    //find the left edge position
    var leftEdge = base + (windowWidth/2) - (contentWidth/2);
    content.css("left",leftEdge);
    //content.css("position", "fixed");
setLeftEdge(0);

Hi, blonde_rik-
You can also just set the CSS position on these specific elements to "fixed":
sym.$("content").css("position", "fixed");
-Elaine

Is it possible in firefox to close a browser window/tab using java script without modifying the configuration settings? If YES, please let me know.

Requirement: On click of button, I want the browser window to be closed.
Solution: I am calling below java script on "onClick()" event of button.
function close_window()
window.close()
This works in internet explorer but not in Mozilla Firefox. What is the reason behind it. Is there any way out to close the browser window in Mozilla Firefox?

Can you post a link to a page that opens a pop-up window where a close button doesn't work?
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 or otherwise make changes.
*https://support.mozilla.org/kb/Safe+Mode
*https://support.mozilla.org/kb/Troubleshooting+extensions+and+themes

Open new browser window from Hyperlink in BIP PDF output report?

Hello,
Is there a way to open a new browser window from Hyperlink in PDF report?
Thank you all in advance.
MT

Dear Friend,
It is not supported for PDF Report. But below links helps you, to accombish this task in PDF report.
[url http://oracleapps4u.blogspot.com/2011/03/open-hyperlink-in-new-browser-window.html]http://oracleapps4u.blogspot.com/2011/03/open-hyperlink-in-new-browser-window.html
Thanks & Regards
Ahamed Rafeeque Cherkala

Easiest way to Center imge in browser window

Similar Messages

Maybe you are looking for