Dreamweaver CS4 how do I make a website adjust to browser window Size
I know there is a solution to this but not sure how to find it.
I have created my website and have a "wrapper" in my css
I would like the whole site to automatically adjust in conjunction to the size the browser window is , larger or smaller etc.
How do I write the code and where do I place it?
Thanks
Kathryn
Add a percentage width to your Wrapper Division's CSS code. 100% fills the viewport.
#wrapper {
width: 80%;
margin: 0 auto; /**centered on screen**/
See also min-and max-widths to limit how much the page can be re-sized.
http://www.quirksmode.org/css/width.html
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb
www.alt-web.blogspot.com
Similar Messages
-
How to make a website fit to browser window?
How to make your created flash catalyst project/website fit to every window browser size?
This means that I want it to fit in the window size, because I don't want the browser to create scroll bars since I have them inside my project...I have tried this a number of ways and it makes no difference. This is where I am with it right now in FB4.
I would love to get this to work. If anyone can help me with it please?
<?xml version='1.0' encoding='UTF-8'?>
<s:Application xmlns:ATE="http://ns.adobe.com/ate/2009" xmlns:ai="http://ns.adobe.com/ai/2009" xmlns:lib="assets.graphics.Republic_1920.*" xmlns:fc="http://ns.adobe.com/flashcatalyst/2009" xmlns:d="http://ns.adobe.com/fxg/2008/dt" xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" xmlns:flm="http://ns.adobe.com/flame/2008" xmlns:graphics="assets.graphics.*" xmlns:ai1="http://ns.adobe.com/ai/2008" xmlns:lib1="assets.graphics.tomorrow_text.*" xmlns:lib11="assets.graphics.perfect_text.*" xmlns:lib111="assets.graphics.intel_text.*" xmlns:lib1111="assets.graphics.history_page.*" xmlns:components="components.*" xmlns:lib11111="assets.graphics.CaseStudiesText.*" xmlns:lib111111="assets.graphics.RolexText.*" xmlns:lib1111111="assets.graphics.slider.*" backgroundColor="#000000" height="1200" preloaderChromeColor="#000000" width="1920">
<fx:Style source="Main.css"/>
<fx:Script><![CDATA[
private function init():void
stage.align = StageAlign.TOP_LEFT;
stage.scaleMode = StageScaleMode.EXACT_FIT;
protected function buttonEnter_clickHandler():void
const state:String = currentState;
if ( state == 'Home' ) {
currentState='Tomorrow'; -
How can i make QuickTime movie open a browser window?
like title says, how can i accomplish this when i create/edit the QT movie?
thanks!You set the "href" link or use the target=your URL in your page code.
Quicktime 7 can also be used to set some movie proprieties to open the file in a new Player window.
http://homepage.mac.com/kkirkster/03war/
One of my files that uses the QuickTime Player app.
If you wish to include a "link" inside your file to automatically open a new Web page when a certain frame of your movie is played you need to include a HREFTrack.
This feature is currently "broken" in the Windows version of QT 7.
Older versions still incorporate the href track properly/ -
in dreamweaver mx 2004 and dreamweaver cs4, how I configure, when download/upload do not ask me to include DEPENDED FILES but act without including ?
Open the Preferences panel (Edit menu on Windows, Dreamweaver menu on a Mac), and select the Site category. There are two checkboxes there for dependent files. Make sure both are selected. The Dreamweaver default is NOT to upload/download dependent files. You need to click Yes, if you want the dependent files to be included.
-
How do I make a website in three languages?
how do I make a website in three languages?
In this example, it's 2 language:
Accueil | Home | Atelier de Pneus Réal Chicoine
You just create a «master home page» and visitors select the right language.
Of course you have to make the three version, but maybe it will be more accurate ... -
How do I make a bootable cd from the windows .iso file
I am trying to install windows xp on my iMac. My univeristy gives me free copy of XP but I have to download the .iso file. I tried burning the .iso file to a cd but bootcamp says it can not recognize the cd for installation. How can a make a bootable copy of the windows xp .iso file so that I can install it on my iMac.
You used Disk Utility I take it?
http://en.wikipedia.org/wiki/ISO-9660
http://www.ezbsystems.com/ultraiso/
This is for creating a custom Vista SP1 EFI-enabled DVD:
http://www.jowie.com/post/2008/02/Select-CD-ROM-Boot-Type--prompt-while-trying-t o-boot-from-Vista-x64-DVD-burnt-from-iso-file.aspx -
How do I prevent a website from opening another window
A couple of websites I occasionally visit open up a second window to a spam website. I have put an entry in my Hosts file to prevent Firefox from connecting to the spam websites, so the second window is empty. However, it's still a little annoying.
I have pop-up blocking turned on. Is there anyway to completely block the opening of the second window?
If not, why not?Thank you for taking the time to reply. I really do appreciate it.
Unfortunately, the link you posted tells me exactly nothing. My question is "How do I prevent a website from opening unwanted windows". These are full Firefox windows, just like you would get if you right clicked on a link and selected "open in a new window".
There are only two possible answers:
(A) To block unwanted windows, do this ________ (insert answer)
or
(B) It's not possible.
If the answer is (B) then the follow-up question is -- Why Not? -
hello, I need to download the videos made with Ipad on a USB stick. How do I make them visible then with a Windows PC? I need to transform. Mov in that format? How to make? thanks
The camera connection kit can only be used to import photo/video files from a camera, SD card or USB flash drive. You can't import other types of files. You can't export any type of files using the camera connection kit.
How to Transfer Photos from an iPad to a Computer
http://www.wikihow.com/Transfer-Photos-from-an-iPad-to-a-Computer
Importing Personal Photos and videos from your iOS device to your computer.
http://support.apple.com/kb/HT4083
Cheers, Tom -
How to get header to stay centered on different browser window sizes
Hi,
Is there a way to change the header design so it stays
centered and moves to accommodate different browser window sizes?
Right now, it stays where it is, and everything else moves and
stays centered as window size changes. I'm a new Dreamweaver user.
the url is
http://ellifolks.com/
I tried changing the template I made for the site, and was
able to delete some things, but it won't let me add things now. I
can't undo to where it started, either. I tried doing a second
template. Now I can't save anything -- I get a message saying
"sharing issues".
Thank you.Combining absolutely positioned elements with centering
tables (as you have)
accounts for about 20% of the posts on this forum. It's
commonly done
because it seems so easy. This is one of the penalties you
pay for taking
that easy road.
The answer to your question is yes, you can do this.
1. Make this image the page background -
http://ellifolks.com/images/ellifolks_web_header_repeat.gif
- and use CSS to
give it a style of background-repeat:repeat-x.
2. Place your assembled header within a STATIC div (i.e., NOT
a layer) at
the top of the page by changing this -
<div id="apDiv1"><img
src="images/dots_header_left.gif" width="175"
height="192" alt="dots left" /></div>
<div id="apDiv2">
<div align="center"><img
src="images/header_animals_logo.gif" width="759"
height="195" alt="ellifolks logo" /></div>
</div>
<div id="apDiv3"><img
src="images/dots_header_right.gif" alt="dots right"
width="175" height="192" /></div>
to this -
<div id="header"><img
src="images/dots_header_left.gif" width="175"
height="192" alt="dots left" /><img
src="images/header_animals_logo.gif"
width="759" height="195" alt="ellifolks logo" /><img
src="images/dots_header_right.gif" alt="dots right"
width="175" height="192"
/></div>
3. Add this to your CSS -
#header { width:1109px; margin:0 auto; }
That should do the trick.
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
==================
"zinnia3" <[email protected]> wrote in
message
news:[email protected]...
> Hi,
>
> Is there a way to change the header design so it stays
centered and moves
> to
> accommodate different browser window sizes? Right now,
it stays where it
> is,
> and everything else moves and stays centered as window
size changes. I'm
> a
> new Dreamweaver user. the url is
http://ellifolks.com/
>
> I tried changing the template I made for the site, and
was able to delete
> some
> things, but it won't let me add things now. I can't undo
to where it
> started,
> either. I tried doing a second template. Now I can't
save anything -- I
> get a
> message saying "sharing issues".
>
> Thank you.
>
> -
How hard to make a website like this one ?
Hi, I hope I don't stress people with my status, but I'm a
complete newbie with desire to learn. I just figured out we have
Dreamweaver at school in the Mac studio, adobe version if I recall
correctly and I wanted to make a band website with it, but couldn't
understand where to start.
So first, since I don't want to hire anybody to do it for me,
I would like to know how hard it would be to make a website like
this one :
http://franzferdinand.co.uk/
In my logic, the first step would be to create a background
image with the menu drawn in it then add buttons to them to
navigate. I would then add the content boxes with scroll bars using
the draw div function.
My second question, how do I go about learning this software
? Are courses given somewhere ?
Thanks, Francis.> So first, since I don't want to hire anybody to do it
for me, I would like
> to
> know how hard it would be to make a website like this
one :
>
http://franzferdinand.co.uk/
If you know nothing of web design and development, it's going
to be hard.
Not that you can't do it. It's just going to take you a lot
of time and
effort to get up to speed on things.
> In my logic, the first step would be to create a
background image with the
> menu drawn in it then add buttons to them to navigate. I
would then add
> the
> content boxes with scroll bars using the draw div
function.
That isn't how that site was built nor the best way to to it.
The site in
question is fairly basic HTML and then styled with a lot of
well put
together CSS.
> My second question, how do I go about learning this
software ? Are courses
> given somewhere ?
Don't learn Dreamweaver. Instead, learn HTML, CSS,
Javascript, etc. Getting
a basic understanding of HTML and CSS will then allow you to
figure out
Dreamweaver fairly intuitively, plus you'll have a MUCH
better framework of
understanding to work from.
And feel free to ask questions in here!
-Darrel -
How do I make my website fit in all size browser windows?
Hi there,
I should start off by saying that I am very new to web design, and have very limited knowledge of CSS and HTML. I understand what they are and the nature of what they do, I'm just not code savvy.
Now that that's out of the way, I've been designing/attempting to build a website using Dreamweaver. I have all of the components and layout that I want designed and ready to go, but I desperately need help with translating that into Dreamweaver. I've been researching information all over the web, but with one person suggesting one thing and another suggesting something completely different I'm afraid my brain is about to melt.
Here's what I've done so far:
Because I want everything fully customized and to use a less common font style, I saved everything from the graphics, photos, and links as .png files. I then inserted each of those images into an AP Div Tag in Dreamweaver and arranged them appropriately. That's absolutely all I've done. It works great, except I have no idea how to configure everything so the site layout shows up centered in any size browser window, instead of sitting awkwardly in the corner.
Here's a link to what currently exists: http://ikikatawares.com
I've read dozens of articles and forum responses about building tables, but I'd like to avoid that since to me they seem clunky and kind of a hassle to deal with. Can anyone please help me? Thanks.
BethYou need to put only the bold part into your code.
Immediately after your starting <body> tag add in
<div id="wrapper">
and immediately before your ending </body> tag add in
</div>
Then at the end of your css, you currently have...
#apDiv10 .navBarLinks .navBarLinks {
font-weight: bold;
Change that to...
#apDiv10 .navBarLinks .navBarLinks {
font-weight: bold;
#wrapper {
position:relative;
width:1005px;
margin:0 auto; -
In dreamweaver CS4, I can't make border for single cell
Hi folks,
Having given up trying to make a single cell border in the dreamweaver CS4 template, I reverted to an html page and put in my own header, 2 columns and footer as cells in the html table. I know there's html code for adding borders to single cell, but I can't find it. I hope someone can give me a sample line of html code for giving a cell a border on left side and on right side, including 1px solid color border. Anyone?Not sure if this is what you want, at least it will give you an example
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<style>
body {width: 980px; margin: auto; background: #FEE49A;}
#header {height: 120px; background: #060;}
#article {height: 400px; width: 749px; float: right; background: #FFF; border-right: 1px solid #060;}
#aside {height: 400px; width: 228px; float: left; border-right: 1px solid #060; border-left: 1px solid #060; background: #CCC;}
#footer {height: 50px; background: #060; clear: both;}
</style>
</head>
<body>
<div id="header"></div>
<div id="aside"></div>
<div id="article"></div>
<div id="footer"></div>
</body>
</html>
Gramps -
Dreamweaver layer - How can I make visible over a .swf banner?
Hi all,
This is a problem I'm facing right now.
I have got a site. With a .swf banner. I suddenly wanted to add a button on this banner. I tried with Adobe Flash profissional but unfortunatily, I didn't manage in that.
So, I decided to put this button as a .jpg image in a layer. And place this layer on the .swf banner. And set a link for the image to the targeted page. But this layer didn't show up. So, I put a Back Ground for the layer. And finally I managed to make it visible. When I tried that on FireFox explorer, it worked! . But it did not on Chrome and IE8. Plese help me with that. I just need it visible and working on Chrome and IE8.
Thank you very much.First start by using the correct "wmode" to bring the .swf down into the normal flow of the page... only then z-indexing will come into play. From another post:
Window Mode (wmode) - What's It For?
There are three window modes.
Window
Opaque
Transparent
By default, the Flash Player gets its own hWnd in Windows. This means that the Flash movie actually exists in a display instance within Windows that lives above the core browser display window. So though it appears to be in the browser window, technically, it isn't. It is most efficient for Flash to draw this way and this is the fastest, most efficient rendering mode. However, it is drawing independently of the browser's HTML rendering surface. This is why this default mode (which is equivalent to wmode="window") doesn't allow proper compositing with DHTML layers. This is why your JavaScripted drop-down menus will drop behind your Flash movie.
In windowless modes (like opaque), Flash Player doesn't have a hWnd. This means that the browser tells the Flash Player when and where to draw onto the browser's own rendering surface. The Flash movie is no longer being rendered on a higher level if you will. It's right there in the page with the rest of the page elements. The Flash buffer is simply drawn into whatever rectangle the browser says, with any Flash stage space not occupied by objects receiving the movie's background color.
so be sure to include the correct wmode param in your .swf embed code... which, depending on your embed method... will look something like this:
<param name="wmode" value="opaque"/>
And no offense Nancy, but why z-index of "1000"... when it only needs to be "2" (only a higher value not a super duper higher value). But hey, I'm guilty of that exaggeration myself when creating menus etc, as though over z-indexing by a few hundred extra layers will really push that sucker down! I've even used z-index of "500" when never in all my born days would I ever create 499 layers below a simple menu! ... or am I missing something about the power of numbers?
Best wishes all,
Adninjastrator -
Hi, using Adobe Dreamweaver CS4, I would like to have a link or a button on a webpage that when clicked will play a Flash Movie in a new window.
Using the 'Insert Panel' > Media: FLV I managed to insert the .flv file on the page, but the movie plays 'in line' instead of in a new window. So far I can't find any 'Properties' or settings to change this behaviour. E.g. like Target _blank for opening e.g. a .pdf in a new Window.
> Please help.
Thank you!Try using one of the popular javascript methods for this. I use shadowbox and you can find examples, info and a download here: http://www.shadowbox-js.com
-
How do you make the font in the clips window (browser) bigger?
It is almost impossible for me to see especially on my 13" MacBook. How can I make the font bigger so I can see it easier?
ThanksControl-click in the Browser window and in the pop-up menu select Text Size > Medium.
Maybe you are looking for
-
How do I create an FSDIAG file on Linux systems?
QuestionHow do I create an FSDIAG file on Linux systems? AnswerTo create an FSDIAG file for the Linux Security product: Go to a working directory to which the fsdiag.tar.gz file will be created. Run the following command: # /opt/f-secure/fsav/bin/fsd
-
Y my iPad cannot changing will I sync to my macbook
-
Gl account require assignment to Co object
Hi while doing PGI .it is giving error of "account require assignment to CO object" please clear where to assign Co object & how. do i need to assign the Gl in okb9 seeting
-
Hi, In MIRO when the PO reference is selected as u201C PO /Sch Agreement u201C the default setting shows only the u201C Good/service items u201C . Can this be modified to u201CGood/service items + Planned delivery costsu201C . If yes how ? Please
-
First time making a purchase with this new mac...
when I type in my password, it prompts me to ask my security questions, but i can't remember one of them,any help? thanks