Div margin problem

Thanks for reading this post, here's the problem.
I have a right column div that holds two content divs, one
over the other. The bottom div's top margin doesn't function they
way it should, it doesn't give me a 2px gap between the two boxes.
I assume it has to do with a margin: auto; or something but I'm not
figuring it out. Here's the page with the css at the top:
http://www.funkship.com/staging/wned/default_css.html.
Look for the red box with "WEBSITES" written in it on the right
side of the page. The offending div's id is #websites.
Please take a look and let me know what's going wrong.
Thanks in advance,
Pharaoh

Ooops. Got a period in the url. Here is the corrected
version:
http://www.funkship.com/staging/wned/default_css.html

Similar Messages

HP 2600n's margin problem with driver 2.3

After installing the new driver v2.3, my printer started to have a margin problem. Even if I setup any margin correctly (on any software...) the page printed has borders cut off and it is shifted on the left (or, left margin is less than the right). Obviously, this problem was found with files that previously were printed correctly.
Only by reducing by more than one cm margins, the print is not cut, but the page continues to be shifted to the left.
Any help?
Thanks.

Try downloading and re-installing the Snow Leopard drivers and seeing if that fixes anything.

Printing - Terrible Margin Problem

I have read all of the posts regarding margin problems.
Ill tried creating the custom 'iCal' size in Safari but nothing works.
When printing in week view all 4 margins spill over the edge.
This occurs whether printing to paper or PDF.
Any fixes to this or is it a bug?
PowerBook Mac OS X (10.4.4)

Hi,
While playing with the values of ImageableArea I'm getting changes in printout
but can't really find the correct combination of values because I'm just guessing
what the values mean..ImageableArea provides the bounding box of the area in which the printer may print for the page size named mediaOption. There will be one statement for each named page size supported by the device. DefaultImageableArea provides the mediaOption name of the default imageable area. Since there can be only one default page size, this value should be the same as the value of DefaultPageSize, DefaultPageRegion, and DefaultPaperDimension.
The syntax for defining imageable area is as follows:
*ImageableArea mediaOption: "llx lly urx ury"
*DefaultImageableArea: mediaOption | Unknown
ll stands for lower left corner and ur for upper right corner. The bounding box value of ImageableArea is given as four real numbers, representing the x and y coordinates of the lower left and upper right corners of the region, respectively, in the PostScript language default user space coordinate system. The x and y axes of a given page size correspond to the x and y axes of that page size in the PaperDimension entry.
Printing on UNIX with Oracle Reports
http://download.oracle.com/docs/cd/B14099_11/bi.1012/b14048/pbr_uxprt.htm
Regards,
Hussein

Offset div / positioning problem in IE

I've posted this problem in another thread but it was a sub question. Anyway, the problem I'm having is positioning a div over all other divs. I've managed to get it to work perfectly fine on Firefox and Chrome the way I wanted. The problem is usually when it comes to internet explorer. I just want the image or div placed on the right side of the site but changing the properties always has the same result, internet explorer places is far beyond where it's suppose to be. I'll add images, the code, and the live site below. Any help would be appreciated.
Chrome View:
Firefox View:
*IE View (Wrong):
Website: http://emergencyclean-up.com
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Emergency Clean Up Homepage</title>
<style type="text/css">
body {
          background-color: #333333;
#entireSite #sidebar #spacer {
          height: 300px;
          width: 350px;
#entireSite #sidebar #newsletter {
          background-image: url(../Images/NewsLetterBackground.png);
          height: 165px;
          width: 350px;
          color: #FFF;
</style>
<link href="main.css" rel="stylesheet" type="text/css" />
<script src="../SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<script type="text/javascript">
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
</script>
<link href="../SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
</head>
<body onload="MM_preloadImages('../Images/Buttons/buttonOver_01.gif','../Images/WaterDamageOver .png','../Images/FireDamageOver.png','../Images/MoldRemediationOver.png','../Images/SootRe movalOver.png','../Images/OdorControlOver.png','../Images/facebook-logoOver.png','../Image s/yelp-logoOver.png','../Images/LinkedIn_logoOver.png','../Images/twitter-logoOver.png')">

<div style="width:100%;">
<div style="width:900px; margin-left:auto; margin-right:auto;">
<div style="width:100%; float:left;background-color:#333333;">

<div id="navbarArea">

<div align="center">
<div id="navbar">
<ul id="MenuBar1" class="MenuBarHorizontal">
    <li><strong><a href="index.html">Home Page</a> </strong></li>
    <li><strong><a href="About Us.html">About Us</a></strong></li>
    <li><strong><a href="Services.html">Services</a> </strong></li>
    <li><strong><a href="Testimonials.html">Testimonials</a></strong></li>
    <li><strong><a href="Contact Us.html">Contact us</a></strong></li>
    <li><strong><a href="Special Offers.html">Special Offers</a></strong></li>
</ul>
</div></div>

</div>


<div id="entireSite">

<div id= "sidebar">

<div id= "spacer">
</div>


<div id= "newsletter">
<center><font size="5">Subscribe to Our Newsletter</font></center>
<form action="subscriptionform.php" method="post" id="Newsletter">
<table width="100%" border="0" cellpadding="3">
<tr>
    <td>Name:</td>
    <td><input name="News Letter Name" type="text" size="30" maxlength="40" /></td>
</tr>
<tr>
    <td>Email:</td>
    <td><input name="News Letter Email" type="text" size="30" maxlength="40" /></td>
</tr>
<tr>
    <td>Zip Code:</td>
    <td><input name=" News Letter Postal Code" type="text" size="10" maxlength="12" /></td>
</tr>
</table>
<center><input name="Subscribe" type="Submit" id="Subscribe" /></center>
</form>
</div>

</div>


<div id= "maintext">

<div id= "titlebar">
<br />
</div>

<br />
<center><img src="../Images/Logo.png" width="500" height="160" alt="Logo" />
<br />
<br />
<center>Choose from one our various services offered here at Emergency Clean-up.</center>
<br />
<table width="100%" border="0" cellpadding="0">
<tr>
    <td><center><a href="Water Damage.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('WD','','../Images/WaterDamageOver.png',1)"><img src="../Images/WaterDamage.png" alt="Water Damage" name="WD" width="75" height="75" border="0" id="WD" /></a>
    <br />
    Water Damage</center></td>
    <td><center><a href="Fire Damage.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('FD','','../Images/FireDamageOver.png',1)"><img src="../Images/FireDamage.png" alt="Fire Damage" name="FD" width="75" height="75" border="0" id="FD" /></a>
    <br />
    Fire Damage</center></td>
    <td><center><a href="Mold Remediation.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('MR','','../Images/MoldRemediationOver.png',1)"><img src="../Images/MoldRemediation.png" alt="Mold Remediation" name="MR" width="75" height="75" border="0" id="MR" /></a>
    <br />
    Mold Remediation</center></td>
    <td><center><a href="Soot Removal.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('SR','','../Images/SootRemovalOver.png',1)"><img src="../Images/SootRemoval.png" alt="Soot Removal" name="SR" width="75" height="75" border="0" id="SR" /></a>
    <br />
    Soot Removal</center></td>
    <td><center><a href="Odor Control.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('OC','','../Images/OdorControlOver.png',1)"><img src="../Images/OdorControl.png" alt="Odor Control" name="OC" width="75" height="75" border="0" id="OC" /></a>
    <br />
    Odor Control</center></td>
</tr>
</table>
<br />
<center> For more services please click <a href="Services.html">here</a>. </center>
</div>


<div id= "bottombar">
<img src="../Images/bottomBar.png" width="900" height="25" alt="bottombar" /></div>


<div id= "hotlinks">
<a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('FB','','../Images/facebook-logoOver.png',1)"><img src="../Images/facebook-logo.png" alt="Facebook" name="FB" width="25" height="25" border="0" id="FB" / align="left"></a>
<a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('YP','','../Images/yelp-logoOver.png',1)"><img src="../Images/yelp-logo.png" alt="Yelp" name="YP" width="25" height="25" border="0" id="YP" / align="left"></a>
<a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('TR','','../Images/twitter-logoOver.png',1)"><img src="../Images/twitter-logo.png" alt="Twitter" name="TR" width="25" height="25" border="0" id="TR" / align="left"></a>
<a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('LI','','../Images/LinkedIn_logoOver.png',1)"><img src="../Images/LinkedIn_logo.png" alt="Linked In" name="LI" width="25" height="25" border="0" id="LI" / align="left"></a>
</div>


<div id= "copyright">
<br />
<p align="right">Content copyright 2012. EMERGENCYCLEAN-UP.COM. All rights reserved.</p>
</div>

</div>

<div id="containerEmergency"><img src="../Images/emergency contact.png" width="220" height="220" />
</div>
</div>
</div>
</div>

<script type="text/javascript">
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"../SpryAssets/SpryMenuBarDownHover.gif", imgRight:"../SpryAssets/SpryMenuBarRightHover.gif"});
</script>
</body>
</html>

I often find that differences between FF and IE often boil down to errors in closing page element tags... like not closing <div> or <script> tags. So first validate and fix any of those issues:
http://validator.w3.org/
a number of those 35 errors relate to closing tags.
Then to review z-indexing (stacking order) from an older post:
Maybe this will help clear up any misunderstanding you have about declared positioning as well as the use of z-indexing:
The actual display of a positioned element will depend on whether or not it's parent element also has a declared position or not.
z-indexing ONLY works with elements that have a declared position.
Using a declared position like absolute tells and browser to take that element out of the natural flow and do something different with it. So you've got the browser parsing in order from top to bottom, then throwing in some elements that are completely out of the flow.... they can be very hard to control, because there are special rules that apply to elements with declared positions.
The least understood of those rules is what I call the "Parent Rule". Giving an element a declared position like relative or absolute can have huge differences in how that element is actually displayed depending on whether or not the PARENT of that element also has a declared position.
So a div which is position:absolute for example will display one way if it's parent also has a declared position and it will display in a completely different manner if it's parent does NOT have a declared position... to review:
If a div's parent container DOES NOT also have a declared position, the child <div> will do 1 of 2 things.
If position:relative, it will position as desired but space will be left as though that element was still in the natural flow. So you may move the 500 X 100 element down and over, but a 500 X 100 space will be left, as though it was still there.
If position:absolute, child is positioned relative to browser window and that position does not change even if window contracts or expands.
So be sure to give a declared position to both the parent and the child <div>.
Neglecting to follow this rule is the main reason why the use of declared positioning fails.
And just one more point, almost never is it necessary to use a declared position, and that method certainly should not be used for general page layout.
But if and when a special situation comes up that you really do need z-indexing... then of course you will also have to use a declared position. Understanding the "Parent Rule" will make working with z-indexing and declared positions much easier and more successful.
Best wishes,
Adninjastrator

Ap Div Tag Problem

OK so this is my first wbesite in dreamweaver so and i ran into a problem....i made a AP div tag but i can get it where i want it.....my backrground is center in the website and i put my nav links in a AP div tag so i could then put them in a certain area where i wanted.(i think is the only way i know hjow to do this) Well how can i get them centered left and right in the website but the top and bottom i want to place by hand???? they are where they need to be when i preview it in the browser but in the dreamweaver file they are down and to the right......i had to keep messing with it and previewin it until it showed up where i wanted it to in the browser. Im sure i have a setting worng either in my CSS or html.... Please help!

First rule of web design is to stop thinking like a graphic or print designer. Web pages need to be flexible to perform well on different devices, browsers, user settings, screen and text sizes. And web designers have almost no control over these user-centric variables.
The second rule of web design, you cannot precisely position text or other elements on top of big background image and expect it to stick. It just doesn't work.
http://alt-web.com/Backgrounds.shtml
If your navigation bar requires a background, it should be separate from the page background. You'll need to use solid colors or create image slices for your nav bar in your graphics editor.
Third rule, use default CSS positioning (which is no positioning at all). Align objects with CSS margins, padding and floats.
Basic CSS Layout. (No APDivs used, no animals were harmed)
http://alt-web.com/TEMPLATES/Basic-1-col-fixed.html
Also read this tutorial:
Taking a Fireworks (or Photoshop) comp to a CSS based layout in DW
http://www.adobe.com/devnet/fireworks/articles/web_standards_layouts_pt1.html
Good luck with your project!
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb
www.alt-web.blogspot.com

Centering ap div position problem

Hi people, I'm new to dreamweaver and have what seems to be a basic problem but one that I can't fix, even after looking on the forums and web.
My problem is when I go into design mode I can drag my "ap divs" around so they are in the centre of my screen (webpage) and nicely lined up, however once I test the website in any web-browser they are no longer centered and seem to reposition themselves at random. I've included some screen-shots so you can see what I mean.
Website in design view
Website in webbrowser
Here is my code so you can look at it and spot my mistakes.
<title>index</title>
</head>
<style type="text/css" >
body
background-image:url('background.png');
background-repeat:no-repeat;
background-position:50% -2%;
background-color:#D7D7D7;
</style>
<style type="text/css">
#apDiv1 {
          position:absolute;
          width:578px;
          height:57px;
          z-index:1;
          left: 535px;
          top: 1526px;
          overflow: hidden;
          background-color: #transparent;
          color: #F90;
</style>
<style type="text/css">
#apDiv2 {
          position:absolute;
          width:937px;
          height:288px;
          z-index:1;
          left: 360px;
          top: 14px;
          overflow: hidden;
          background-color: #transparent;
          color: #F90;
</style>
<div align="center" id="apDiv1">This page was created by me on 28th Decmber 2099. Updated - 29th December 2099. </div>
<div align="center" id="apDiv2"><img src="banner.png" width="928" height="284" /></div>
</html>
If you can see the solution to my problem or if there is another/better way of centering text/banners using ap divs, then please let me know. Thanks in advance.

The biggest mistake that those new to Dreamweaver make is using Absolutely Positioned <divs>.
Why, because in most instances they will 'restrict' your construction. By their nature being Absolutely Positioned they do NOT move away from the co-ordinates that you give them. What you are seeing is the background image moving, its an illusion.
I would never advise anyone to use AP positioning unless they have a great deal of experience in positioning.
One way to control AP <divs> is to surround them in a 'wrapper' <div> (see code below)
<div id="wrapper">
<div align="center" id="apDiv1">This page was created by me on 28th Decmber 2099. Updated - 29th December 2099. </div>
<div align="center" id="apDiv2"><img src="banner.png" width="928" height="284" /></div>
</div>
Then use css to make the wrappers position 'relative' and to center it horizontally using margin: 0 auto (see below)
#wrapper {
position: relative;
width: 578px;
margin: 0 auto;
Your AP <divs> will now take their co-ordinates from the top/left of the 'wrapper' <div>
So alter your left positioning to 0 in your apDiv1 and apDiv2 (see below)
#apDiv1 {
          position:absolute;
          width:578px;
          height:57px;
          z-index:1;
          left: 0;
          top: 1526px;
          overflow: hidden;
          background-color: #transparent;
          color: #F90;
#apDiv2 {
          position:absolute;
          width:937px;
          height:288px;
          z-index:1;
          left: 0;
          top: 14px;
          overflow: hidden;
          background-color: #transparent;
          color: #F90;
As the default position is left you don't really need to declare it but it does no harm if you do.

Google Chrome left or margin problem

Hello adobe forum my name is Uğur, im web programming and desing student. Last days i am getting ready for a web desing content. i found Edge animate just new. I have a problem about
google chrome. Here is the pictures about my problem
in google chrome div is not fits to screen totaly. Im using Dreamweawer for desing website. I used position:absolute left: 0px; top: 0px; for fit div.
İts working well in Moz Firefox.
Moz Firefox
sorry for my bad English.
Best Regards
Uğur Anlar

Every browser has a default margin/padding for every element.
To make browsers behave all the same, you need to reset the default values like this:
     Add the below css code in the .css file, or inlined-css block:
     html, body, div {
          padding: 0;
          margin: 0;
This is a very simple css browser reset, but you have reset for any such css properties for any element like <p>, <audio>, <span> etc.
hth,
Vivekuma

DIV Alignment Problems

Div problems...I need to get more experienced with working
with Divs cause I always seem to run into trouble...
I am using an Accordion Magic plugin from project7 for my
navigation. In one of the panels is a list menu drop down search
form. When this one panel opens, the main content table shifts
slightly to the right. All other panels work fine.
I am sure that this is something to do with the Div or the
list/menu form. I tried removing the menu leaving only a single
link and the panel was fine. I have tried several CSS styling
changes to no avail. I have done lots of trial and error with
padding, margins and width % settings.
The page can be viewed at:
http://www.dvdflashbacks.com/williamsburghealth/index.php
I also have attached the code here:

Forgot...Here is the current CSS I am using for the form
itself:
#categorySearch2 {
text-indent: 5px;
width: 92%;
padding-top: 5px;
padding-right: 0px;
padding-bottom: 5px;
padding-left: 0px;
margin-top: 0px;
margin-right: 5px;
margin-bottom: 0px;
margin-left: 5px;
And here is the CSS for the Panel Content:
.p7ABcontent {
font-size: 12px;
color: #333333;
background-color: #FFFFFF;
background-image: url(images/p7ap_light_gray_bevel.jpg);
background-repeat: repeat-x;
text-indent: 10px;
line-height: .75em;
padding-top: 10px;
padding-bottom: 5px;
Thanks in advance for any help with this issue!

CSS and DIV alignment problem in IE6

I am working on a new site based on a DW template. I have
modified the right layout slightly for a flash header and also for
a footer div. I am also using alternate CSS files to fix IE6
display problems.
The site looks correct in IE7 and Safari, but in IE6
something is causing the right DIV to collapse. I have tried
adjusting the padding and margins for the divs in the alternate css
file several times with different results.
Does anyone have suggestions on how to correct this that I
might be overlooking.
site can be viewed at
http://www.lasnapshotz.com
Thanks in advance.

Sorry typed the link wrong originally. Here is the real link:
http://www.lasnapshotz.com

Crystal report - margins problem

I have a problem with top and bottom margins in my report. In the designer view - File>Page Setup - I have the paper size (A4 210X297 cm). Both the top and bottom margins are set to 2 cm which, If I understand it correctly, printing should start exactly 2 cm from the top and end at 2 cm from the bottom of a page.
However, no matter what I do, it starts printing 1.5 cm from the top and ends at 3 cm from the bottom of a page.
I have the 'Dissociate Formatting page size and printer paper size turned off so that should not influence anything and even if it's turned on makes no difference.
In Designer view when I look at the ruler the Report Header - it is exactly 25.5 cm in length. For some reason unknown to me I can't make it any longer. If I add even 1 or 2 mm to the length, the printing spills over to a new page.
I'm printer to a HP laser printer - nothing fancy - other programs like Word prints to the same printer with no margin issues whatsoever.
I will appreciate it so much if someone can point me in the right direction, please.
Regards
Danie

Hi Danie,
the problem is not inside CR, not your printer, but how SBO print engine handles paper sizeing and margin. (for just one simple thing: set the margin inside SBO, and you'll notice nothing changes).
This is especially problematic with CR margins.
On load the print engine gets the paper sizes from windows, and sticks to them. In my experience, it handles the margins as CR:
fixed 2cm-s of any paper size ( this was my main problem, imagine it: printing on a 4,5*3,5 label, with 2cm margins =S, every other application did it right, from CR it was right, from CR to PDF to print it was right, from SBO PLD it was right, from SBO>CR>PDF>Print it was right, but no matter what i did, the SBO>CR>Print was using wrong margins).
Try dissociating the papersize in CR and setting custom sizes/margins, sometimes, after many trial and error that works.
I had made to date ~10 special sized/print scenario solution in CR (along many other standard sized reports), sometimes the above stated can achieved, but mostly i just add a corrected paper size to windows, set it as default and the ~100 trial and error falls back to ~15 rounds..
I'm sorry to hear your disappointed in CR, sometimes i'm also feel like that, and i completely agree that it is overrated, but i think it is a great solution for things. It's not a miracle tool, but it handles well in most default situation, and you can construct insanely complex reports with relative ease (if you lear how to utilize SQL inside CR along with Crystalsyntax). But i agree, handling papersizes it is.. well.. you know.
Lets hope will get the neat 2011 version someday to SBO..
Regards,
Daniel

HTML or PHP visibility div tag problem in IE

Hi,
I have a PHP search function on a travel site a programmer
did for me. When you look at it in FF and Safari, it looks fine.
But in IE, there is a big blank space where the calendar function
goes. He has the div tag set to visibility:hidden. Any ideas how to
make it look right in IE as well?? Any help would be appreciated!
The PHP code is below:
He thinks the problem is here in this part of the code:
<div id="kalendar" style="visibility:hidden; width:0px;
height:0px; border:0;">
//then goes some tables
</div>
Any help would be much appreciated...we are stumped!
Thanks

>
http://www.bluehippotravel.com/surfingvacations
404 on that link.
> Does this tell you anything?
Unfortunately, yes. The person who coded this has no sense of
best practice
in HTML authoring....
I'd like to see the page in the wild if I could - can you
investigate the
404, please?
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
==================
"Lvanhoff" <[email protected]> wrote in
message
news:[email protected]...
> Murray,
> As always you are a genius :-)
>
> The only problem I still have, and only in IE, not FF,
is that the drop
> down
> menus are cutting part of themselves off...any idea why?
>
http://www.bluehippotravel.com/surfingvacations
> Top left...see how the arrows are cut off on the drop
downs?
>
> Not sure if its ok to post to page??
>
> I didn't do this part of the page...so not sure how it
was done...
> Does this tell you anything?
>
> <table bgcolor="#f7ebb3" class="search"
style="table-layout: fixed;
> padding:0px" border="0">
> <tr><td colspan="4" width="auto">
> <select size="1" class="search" id="country"
> onchange="javascript:listajzemlje(this.value)">
> <?php
> drzave();
> ?>
> </select>
> </td></tr>
> <tr><td colspan="4" width="auto">
> <div id="state1">
> <input type="hidden" id="state" value="" >
> <input type="hidden" id="city" value="" >
>
> </div></td></tr>
> <tr>
>
>
> <td colspan="4" width="auto">
> <input class="search" id="hotel" name="hotel" value="
Hotel name
> (optional)" />
>
>
>
> <tr><td colspan="4" style="cursor:pointer;"
onClick="showKalendar()"
> class="search" >
>
> <img class="search"
src="images/btn-hotelmenu-searchbydate.jpg"
> alt="Search by
> date (optional) ">
> </td></tr>
> <tr><td colspan="4">
> <div id="kalendar" style="display:none; width:0px;
height:0px;
> border:0;layout:fixed">
>
> <table border="0" class="submenucolor" align="center"
width="auto">
>
> <tr>
> <td></td><td></td>
> <td class="HotelSearchMenu" colspan="2"
align="right">In:<?
> $aCalendarParams=array(
> "sIconPath" => "./img/calendar.png",
> "iAction" => 1, //0=>reloadCurrentPage with get
param sDate,
> 1=>fill
> field sFieldName
> "sFieldName" => "DPC_date1",
> "iStyle" => 1, //0=>display calendar,
1=>display div on icon
> click
> "aMonthNames" => $aMonthNames["EN"],
> "aDaysNames" => $aDaysNames["EN"],
> "sDateFormat" => $sDateFormat["EN"]
>
> );
> new oCalendarPicker("calFixe1",$sDate,$aCalendarParams);
> ?></td>
>
>
>
>
>
> </tr>
>
>
> Thanks!
>

Margins problem when printing to PDF (Pages '09 v4.0.3 build 766)

Hi,
I don't know if this is connected to the latest Mac OS X v10.6.4 update, but some of my machines exhibit a very curious behaviour.
+ multiple pages A4 document
+ choose File > Print, click on "Save as PDF", under the PDF button
++ set pages 6 & 7 to print
++ set 2 pages per spread, so as to have Pages shrink the A4 document to somewhat A5, and have the two pages side-by-side on the same sheet
++ save the PDF
Then, when I open the PDF with Preview, the margins are all wrong (i.e. too big, there's too much white running around).
And from Preview's inspector, I can tell that the Page Size is set to US Letter, although in Pages both the document size AND the Printing Format are set to A4.
The most curious part of the story is that my MacPro, my work MacBook Pro 13 and a white MacBook exhibit the problem, whereas my personal iMac 27" DOES NOT.
And they are all running Mac OS X v10.6.4, with ALL the most recent updates, and the exact same version of Pages!!!
I suspect that something has been changed in a framework somewhere, but I cannot figure out what it is...
Any idea is welcome!
Thanks,
K2r

I can do the same in TextEdit (although it's even more painful to control the margins!!).
My problem is not that Pages won't put pages on one sheet; It's that the generated PDF does not respect the sheet physical size (A4 vs. US Letter), thus adding wider margins all around the document.

Div tag problem with gap

Hello dreamweavers.
Ive place four divs one next to another till here it seems fine. then I add another Div by the name of article and its causing me
an issue. It seems fine in the DW work area, but when I see it on the internet it has a huge gap which is cause by the height of the div I think.
so please take a look at my exampels and code:
seems fine in DW
<style type="text/css">
#one {
          background-color: rgb(0,204,255);
          width: 200px;
          height: 200px;
          float: left;
          margin-left: 45px;
#container {
          background-color: rgb(153,204,102);
          width: 1024px;
          height: 768px;
          margin-right: auto;
          margin-left: auto;
#article {
          background-color: rgb(153,51,153);
          height: 200px;
          margin-top: 230px;
          width: 938px;
          margin-left: 43px;
          float: none;
#two {
          background-color: rgb(153,255,204);
          width: 200px;
          height: 200px;
          float: left;
          margin-left: 45px;
#three {
          background-color: rgb(255,255,204);
          width: 200px;
          height: 200px;
          float: left;
          margin-left: 45px;
#four {
          background-color: rgb(204,153,204);
          width: 200px;
          height: 200px;
          float: left;
          margin-left: 45px;
</style>
</head>
<body>
<div id="container">
<div id="one">Content for id "header" Goes here</div>
<div id="two">Content for id "two" Goes </div>
<div id="three">Content for id "three" Goes Here</div>
<div id="four">Content for id "four" Goes Here</div>
<div id="article">Content for id "article" Goes Here</div>
</div>
</body>
</html>

Do it this way
<!doctype html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<style type="text/css">
#one {
    background-color: rgb(0,204,255);
    width: 200px;
    height: 200px;
    float: left;
    margin-left: 45px;
#container {
    background-color: rgb(153,204,102);
    width: 1024px;
    height: 768px;
    margin-right: auto;
    margin-left: auto;
#two {
    background-color: rgb(153,255,204);
    width: 200px;
    height: 200px;
    float: left;
    margin-left: 45px;
#three {
    background-color: rgb(255,255,204);
    width: 200px;
    height: 200px;
    float: left;
    margin-left: 45px;
#four {
    background-color: rgb(204,153,204);
    width: 200px;
    height: 200px;
    float: left;
    margin-left: 45px;
#article {
    background-color: rgb(153,51,153);
    height: 200px;
    width: 938px;
    margin-left: 43px;
    margin-top: 20px;
    float: none;
.clear{
        clear:both;
</style>
</head>
<body>
<div id="container">
<div id="one">Content for id "header" Goes here</div>
<div id="two">Content for id "two" Goes </div>
<div id="three">Content for id "three" Goes Here</div>
<div id="four">Content for id "four" Goes Here</div>
<div class="clear"></div>
<div id="article">Content for id "article" Goes Here</div>
</div>
</body>
</html>

Div tag problem

Hi there,
i am creating a website.i seem to be having a bit of trouble with div tag...i think.the navigation bar and the main content seem to be overlapping each other.any ideas?id appreciated any help.
thanks.
<body>
<div id="header">Heading</div>
<div id = "nav">
<ul id="Fyp">
<li><a href="html/Index.html">Home</a> </li>
<li><a href="html/Conventional.html">Conventional Encryption</a></li>
<li><a href="#">Public Key Encryption</a>
    <ul>
<li><a href="html/PublicKey-Confidentiality.html">PublicKey-Confidentiality</a></li>
<li><a href="html/PublicKey-Authentication.html">PublicKey-Authentication</a></li>
<li><a href="html/Public Key-Confidentiality and Authentication.html">Public Key-Confidentiality and Authentication</a></li>
    </ul>
</li>
<li><a href="#">MAC Encryption</a>
    <ul>
<li><a href="#">MAC - Message Authentication</a></li>
     <li><a href="#">Message Authentication and Confidentiality (Plaintext)</a></li>
     <li><a href="#">Message Authentication and Confidentiality(Ciphertext)</a></li>
</ul>
</li>
   <li><a href="#">HASH Encryption</a>
       <ul>
            <li><a href="#">Encryption after Concatenation</a></li>
            <li><a href="#">Encryption before Concatenation</a></li>
              <li><a href="#">Authentication</a></li>
            <li><a href="#">Authentication and Confidentiality</a></li>
           <li><a href="#">Secret Value</a></li>
          <li><a href="#">Secret Value and Encryption</a></li>
     </ul>
    </li>
   <li><a href="#">Self Test</a></li>
</ul>
</div>
<div id="main_content">
<p> </p>
<p>This is the home page for Message Authentication and Digital Signatures.This page will explain the funamental basis of these elements.</p>
<p> </p>
<p><strong>Authentication</strong>:</p>
<p><a name="#Authtentication"></a>
The Authentication service is concerned with assuring that a communication is authentic. Authentication acts as an warning or a alarm signal. The function of the authentication service is to assure the recipient that he message is from the source that it calms to be from.</p>
<p> </p>
<p><strong>Confidentiality</strong>:</p>
<p><a name = "Confidenitiality"></a>
Confidentiality is the protection of transmitted data from passive attacks. This makes sure that the message sent can not be read by anyboby except for the intended recipient .
</p>
<p> </p>
<p><strong>Public Key:</strong></p>
<p><a name = "Public Key"></a>
</p>
<p><strong>Digital Signature:</strong>
<p><a name = "Digital Signature"></a></p>
</p>
<p><strong>Integrity:</strong>
<p><a name = "Integrity"></a> </p>
<p><strong>MAC Function:</strong></p>
<p><a name = "MAC"></a> </p>
<p>A MAC (Message Authentication Code) is a small fixed size block of data that is appended to the message. The technique assumes hat two communicating parties say (Source A and B) share a common secret key(k). When A sends a message to B, it calculates the MAC as a function of the message and the key. The recipient performs the same calculation on the received message using the same key, to generate a new MAC. The received MAC and the calculated MAC are then compared. If the received MAC matches the calculated MAC, then the message is said to be authentic.</p>
</p>
</div>
<div id="footer">
<p>
Footer - all about the designer and contact links go here
</p>
</div>
</body>
</html>

Here ya go.
body {
margin:0px;
padding:0px;
text-align:center;
font-size:1.0em;
font-family:trebuchet ms, tahoma, arial, sans-serif;
#container {
text-align:left;
margin:0px;
width:1270px;
border:1px black solid;
padding: 0px;
#header {
text-align:center;
width:1270px;
#width:1022px;
height:100px;
font-size:2.0em;
background-color:white;
color:white;
padding-top:0px;
padding-right:0px;
border-bottom:1px black solid;
#nav {
width:1270px;
#width:1270px;
height:24px;
font-size:0.8em;
background-color:#20548E;
color:black;
border-bottom:1px black solid;
#main_content {
width:1270px;
#width:1022px;
font-size:0.9em;
background-color:white;
color:black;
border-bottom:1px black solid;
#footer {
text-align:center;
width:1270px;
#width:1022px;
height:100px;
font-size:1.0em;
background-color:#20548E;
color:white;
border-bottom:1px black solid;
#Fyp
{ margin: 0;
     padding: 0;
#Fyp li
{ float: left;
list-style: none;
font: 12px Tahoma, Arial;
#Fyp li a
{ display: block;
background: #20548E;
padding: 5px 12px;
text-decoration: none;
border-right: 1px solid white;
width: 140px;
color: #EAFFED;
white-space: nowrap;
#Fyp li a:hover
{ background: #1A4473;
#Fyp li ul
{ margin: 0;
   padding: 0;
   position: absolute;
   visibility: hidden;
   border-top: 1px solid white;
#Fyp li ul li
{ float: none;
   display: inline;
#Fyp li ul li a
{ width: auto;
   background: #9F1B1B;
#Fyp li ul li a:hover
{ background: #7F1616;

Dive Log Problem (Again)

yah, its me again with another problem... I got the divelog to compile correctly, and the welcome code is the same as on the site, but the images wont show up and they are name correctly and in the correct folder... could some one give me some direction in this?

no error pop up when I do it, but here is the code
package divelog;
import javax.swing.*;
import java.awt.*;
public class Welcome extends JPanel
{ // Opens class
     private JLabel jl;
     private JTextArea ta;
     private JLabel diver;
     public Welcome()
     {//opens constructor
          setLayout(new BorderLayout());
          setBackground(Color.white);
          jl = new JLabel("Java Technology Dive Log", new ImageIcon("images/diveflag.gif"), JLabel.CENTER);
          jl.setFont(new Font("Times-Roman", Font.BOLD, 17));
          ta = new JTextArea("This application uses a" +
          " typical Graphical User Interface (GUI)," +
          " featuring AWT layout managers and Project" +
          " Swing components, such as buttons, borders," +
          " text areas, menus, and more." +
          " \n\nIn addition, the dive log's functionality" +
          " uses AWT event handlers, methods to manipulate" +
          " data, Java I/O to save user input to files," +
          " and special classes to include HTML pages with" +
          " live links.");
          ta.setFont(new Font("SansSerif", Font.PLAIN, 14));
          ta.setLineWrap(true);
          ta.setWrapStyleWord(true);
          ta.setEditable(false);
          ta.setBorder(BorderFactory.createTitledBorder(" Welcome to the Java Technology Dive Log "));
          diver = new JLabel("", new ImageIcon("images/diver.jpg"), JLabel.CENTER);
          add(jl, BorderLayout.NORTH);
          add(ta, BorderLayout.CENTER);
          add(diver, BorderLayout.SOUTH);
     }//closes constructor
} // Closes class
The files are in C:\divelog
the pics are in C:\divelog\images
the pics are diver.jpg and diveflag.gif

Div margin problem

Similar Messages

Maybe you are looking for