gap unwanted in the header

Similar Questions

• Gap between the header and spry menu bar (school project)?

  Hello I have a project for school and they want me to a dw premade layout html, with a header image, and a spry menu bar located in the header. Which I did, but there is this small gap between the header image and the spry menu bar and the header that I can't get rid of. There is no additional line break tag or paragraph in there, I have NO idea what is wrong, please help if you know. Thank you.

  Joint below is code html and css. Sorry there all text in dw premade in there too. Basically, I have also attached the css external to the spry menu bar, and the page just in case.

  <! DOCTYPE HTML >

  < html >

  < head >

  < meta charset = "UTF-8" >

  < title > Rapids Transit - Buffalo River Outfitters < /title >

  < link href = "css/rapids_transit.css" rel = "stylesheet" type = "text/css" > "

  < style type = "text/css" >

  <!--

  {body

  Police: 100% / 1.4 Verdana, Arial, Helvetica, without serif.

  Background: # 42413;

  margin: 0;

  padding: 0;

  Color: #000;

  }

  / * ~ ~ Tag of the element selectors ~ ~ *.

  UL, ol, dl {/ * because of variations between the browsers, it's best practices to zero padding and the margin on lists.} For consistency, you can specify the amounts you want to here, or on the list (LI, DT, DD) items they contain. Don't forget that what you're doing here cascade to the .nav list unless you write a more specific selector. */

  padding: 0;

  margin: 0;

  }

  H1, h2, h3, h4, h5, h6 {p}

  margin-top: 0;     / * remove the top margin works around a problem where margins can escape from their container div. The margin of the low rest it will take away from all of the following items. */

  padding-right: 15px;

  padding-left: 15px; / * adding padding to the sides of the elements in divs, instead of divs themselves, gets rid of any mathematical model of box. A div nested with side pads can also be used as an alternative method. */

  }

  an img {/ * this switch how to remove the default blue border displayed in some browsers around an image when it is surrounded by a link * /}

  border: none;

  }

  / * ~ ~ Style for your site links must remain in this order - including the Group of selectors that create the hover effect. ~~ */

  a: link {}

  color: # 42413.

  text-decoration: underline; / * unless you style your links appear to be extremely unique, it is best to predict stresses quick visual identification * /.

  }

  a: visited {}

  color: #6E6C64;

  text-decoration: underline;

  }

  a: hover, a: active, a: focus {/ * this group of selectors will give a browser keyboard the same experience of hovering as the person using a mouse. * /}

  text-decoration: none;

  }

  / * ~ ~ This container fixed-width surrounds the other div ~ ~ * /.

  . Container {}

  position: relative;

  Width: 960px;

  Background: #FFF;

  margin: 0 auto; / * set to auto on the sides, coupled with the width, the layout centres * /.

  }

  / * ~ ~ the header is not given a width. It will extend to the entire width of your layout. It contains an image placeholder to be replaced by your own logo linked ~ ~ * /.

  . Header {}

  background-color: #fff;

  padding-right: 5px;

  padding-left: 5px;

  }

  / * ~ ~ It's layout information. ~~

  (1) padding is only placed on the top or the bottom of the div. The items in this div have padding on their sides. This avoids any «mathematical model of box» Keep in mind, if you add lateral pads or border to the div itself, it will be added to the width that you set to create the * total width. You can also remove the padding of the element inside the div tag, and place a second div inside it with no width and padding necessary for your design.

  */

  . Happy {}

  padding-top: 10px;

  padding-right: 0;

  padding-bottom: 10px;

  padding-left: 0;

  }

  / * ~ ~ Footer ~ ~ * /.

  .footer {}

  padding: 10px 0;

  background: #CCC49F;

  }

  / * ~ ~ various float/clear classes ~ ~ * /.

  .fltrt {/ * this class can be used to float right to the item in your page.} The floating element must precede the element it should be next to the page. */

  float: right;

  left margin: 8px;

  }

  .fltlft {/ * this class can be used to float an element on your page.} The floating element must precede the element it should be next to the page. */

  float: left;

  right margin: 8px;

  }

  .clearfloat {/ * this class can be placed on a < br / > or div empty as the final element after the last div floating (in the #container) if the #footer is removed or put out the #container * /}

  Clear: both;

  height: 0;

  font size: 1px;

  line-height: 0px;

  }

  ->

  < / style >

  < script src = "SpryAssets/SpryMenuBar.js" type = "text/javascript" > < / script > "

  < link href = "SpryAssets/SpryMenuBarHorizontal.css" rel = "stylesheet" type = "text/css" > "

  < style type = "text/css" >

  {#river_level}

  position: absolute;

  left: 500px;

  top: 325px;

  Width: 245px;

  height: 80px;

  z-index: 1;

  background-color: #ffcc33;

  border-top-style: inset;

  border-right-style: inset;

  border-bottom-style: inset;

  border-left-style: inset;

  border-bottom-color: #960;

  border-right-color: #960;

  border-bottom-color: #960;

  border-left-color: #960;

  text-align: center;

  do-family: Verdana, Geneva, without serif.

  font-size: medium;

  }

  < / style >

  < / head >

  < body >

  < div class = "container" >

  < div class = "header" > < a href = "#" > < img src = "assets/rt_banner.jpg" alt = "Banner Rapids Transit" width = "950" height = "120" / > < / a > "

  < ul id = "MenuBar1" class = "MenuBarHorizontal" >

  < li > < a href = "index.html" > home < /a > < /li >

  < li > < a href = "guides.html" > our Guides < /a > < /li > ""

  < li > < a href = "rates.html" > rates < /a > < /li > ""

  < li > < a href = "lodging.html" > Lodging < /a > < /li > ""

  < li > < a href = "before.html" > Before You Go < /a > < /li > ""

  < /ul >

  <! - end .header - > < / div >

  < div class = "content" >

  < p align = "left" class = "body_text" > welcome to rapid Transit. We are a rental service and canoe river guide located on the banks of the beautiful Buffalo River to Gilbert (Arkansas). We also offer kayak and raft rental. Our experienced guides will be pleased to offer trips on the river suitable for all levels - from beginner to expert. They will also be pleased to accompany you all the way! Stop at our country store and pick up your picnic supplies in the process of disappearance. We will even Pack it for you in airtight containers. (Just a precaution!) Call us to make your reservations. < /p >

  < p align = "left" class = "contact_info" > Rapid Transit < br / >

  Highway 55 North < br / >

  Gilbert, Arkansas 75497 < br / >

  (555) 365-5228 < br / >

  < a href = "mailto: " [email protected] ' > Mike Andrew < /a > < /p > .

  < h1 > < / h1 >

  <! - end content - > < / div >

  < div class = "footer" >

  < p > < em > Copyright 2000 - 2012 < br / >

  Last updated on

  <!-#BeginDate format: Am1-10 April 2012 > <!-#EndDate->

  You < /i > < / p >

  <! - end .footer - > < / div >

  <!-end .container-> < div id = "river_level" > current River Conditions: < br >

  good floating today < br >

  with a few spots of class II < / div > < / div >

  < script type = "text/javascript" >

  var MenuBar1 = new Spry.Widget.MenuBar ("MenuBar1", {imgDown: "SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});})

  < /script >

  < / body >

  < / html >

  -------------------------------------------------------

  ALSO, HERE IS MY EXTERNAL STYLESHEET

  {.body_text}

  do-family: Arial, Helvetica, without serif.

  do-size: 14px;

  make-style: normal;

  }

  {.paragraph_header}

  do-family: Arial, Helvetica, without serif.

  do-size: 14px;

  make-style: normal;

  make-weight: bold;

  color: #036;

  }

  {.contact_info}

  do-family: Arial, Helvetica, without serif.

  do-size: 14px;

  make-style: italic;

  Color: #000;

  }

  -----------------------------------------------------

  HERE'S MY SPRY MENU BAR CSS TOO

  @charset "UTF-8";

  / * Sections - version 0.6 - Pre - Release Spry 1.6.1 * /.

  / * Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

  /*******************************************************************************

  The AVAILABLE INFORMATION: Describes the box model, positioning, the order

  *******************************************************************************/

  / * The outermost container for the menu bar, an area of width auto without margin or padding * /.

  UL. MenuBarHorizontal

  {

  margin: 0;

  padding: 0;

  list-style-type: none;

  do-size: 14px;

  cursor: default;

  Width: auto;

  do-family: Arial, Helvetica, without serif.

  }

  / * Value of the menu bar active with this class, currently the definition of z-index to accommodate IE rendering bugs: http://therealcrisp.xs4all.nl/Meuk/IE-zindexbug.html */

  UL. MenuBarActive

  {

  z-index: 1000;

  }

  / * Menu item containers, position of children relative to this container and are a fixed width * /.

  UL. MenuBarHorizontal li

  {

  margin: 0;

  padding: 0;

  list-style-type: none;

  do-size: 100%;

  position: relative;

  text-align: center;

  cursor: pointer;

  Width: 190px;

  float: left;

  height: 25px;

  }

  / * Submenus should appear under their parent (top: 0) with a higher z-index, but they are first the left side of the screen (-1000em) * /.

  UL. MenuBarHorizontal ul

  {

  margin: 0;

  padding: 0;

  list-style-type: none;

  do-size: 100%;

  z index: 1020;

  cursor: default;

  Width: 8.2em;

  position: absolute;

  left:-1000em;

  }

  / * Submenu that shows with the designation of the class MenuBarSubmenuVisible, we put the car left so it happens on the screen below its parent menu item * /.

  UL. MenuBarHorizontal ul. MenuBarSubmenuVisible

  {

  left: auto;

  }

  / * Container of menu items are same fixed width parent * /.

  UL. MenuBarHorizontal ul li

  {

  Width: 8.2em;

  }

  / * Submenus should appear slightly overlapping to the right (95%) and upward (-5%) * /.

  UL. MenuBarHorizontal ul ul

  {

  position: absolute;

  margin:-5% 0 0 95%;

  }

  / * Submenu that shows with the designation of the class MenuBarSubmenuVisible, we have left to 0, it is on the screen * /.

  UL. MenuBarHorizontal ul. MenuBarSubmenuVisible ul. MenuBarSubmenuVisible

  {

  left: auto;

  top: 0;

  }

  /*******************************************************************************

  INFORMATION DESIGN: Describes the set of colors, borders, fonts

  *******************************************************************************/

  / * Submenu containers have borders on all sides * /.

  UL. MenuBarHorizontal ul

  {

  border: 1px solid #CCC;

  }

  / * Menu items are a light grey block with padding and no text decoration * /.

  UL. MenuBarHorizontal a

  {

  display: block;

  cursor: pointer;

  background-color: #2E9712;

  Padding: 0.5em 0.75em;

  color: #fff;

  text-decoration: none;

  }

  / Components menu that have mouse over or focus have a blue background and white text * /.

  UL. MenuBarHorizontal a: hover, ul. MenuBarHorizontal a: focus

  {

  background-color: # 33;

  color: #FFF;

  }

  / * Menu items that are opened with the submenus are on MenuBarItemHover with a blue background and white text * /.

  UL. MenuBarHorizontal a.MenuBarItemHover, ul. MenuBarHorizontal a.MenuBarItemSubmenuHover, ul. MenuBarHorizontal a.MenuBarSubmenuVisible

  {

  background-color: #3FA7A8;

  color: ##ffffff;

  }

  /*******************************************************************************

  Submenu INDICATION: styles if there is a submenu in a given category

  *******************************************************************************/

  / * Menu items that have a submenu have the MenuBarItemSubmenu class designation and are set to use a positioned background the far left (95%) and vertically centered image (50%) * /.

  UL. MenuBarHorizontal a.MenuBarItemSubmenu

  {

  background-image: url (SpryMenuBarDown.gif);

  background-repeat: no-repeat;

  background-position: 50 95%;

  }

  / * Menu items that have a submenu have the MenuBarItemSubmenu class designation and are set to use a positioned background the far left (95%) and vertically centered image (50%) * /.

  UL. MenuBarHorizontal ul a.MenuBarItemSubmenu

  {

  background-image: url (SpryMenuBarRight.gif);

  background-repeat: no-repeat;

  background-position: 50 95%;

  }

  / * Menu items that are opened with the submenus have the designation of the MenuBarItemSubmenuHover class and are set to use a background image "hover" positioned on the far left (95%) and centered vertically (50%) * /.

  UL. MenuBarHorizontal a.MenuBarItemSubmenuHover

  {

  background-image: url (SpryMenuBarDownHover.gif);

  background-repeat: no-repeat;

  background-position: 50 95%;

  }

  / * Menu items that are opened with the submenus have the designation of the MenuBarItemSubmenuHover class and are set to use a background image "hover" positioned on the far left (95%) and centered vertically (50%) * /.

  UL. MenuBarHorizontal ul a.MenuBarItemSubmenuHover

  {

  background-image: url (SpryMenuBarRightHover.gif);

  background-repeat: no-repeat;

  background-position: 50 95%;

  }

  /*******************************************************************************

  BROWSER HACKS: hacks below should not be changed, unless you are an expert

  *******************************************************************************/

  / * HACK FOR IE: to ensure that sub menus show above form controls, underpin us each submenu with an iframe * /.

  UL. MenuBarHorizontal iframe

  {

  position: absolute;

  z index: 1010;

  Filter:alpha(opacity:0.1);

  }

  / * HACK FOR IE: to stabilize the appearance of the menu items. the slash in the float is to keep IE 5.0 analysis * /.

  @media screen, projection

  {

  UL. MenuBarHorizontal li. MenuBarItemIE

  {

  display: inline;

  f\loat: left;

  Background: #FFF;

  }

  }

  Add the below css to your styes css selector:

  . Header img {}

  display: block;

  }

  Change your padded 30px high 'content' css selector and also include clear: both; (as shown below).

  . Happy {}

  padding-top: 30px;

  padding-right: 0;

  padding-bottom: 10px;

  padding-left: 0;

  Clear: both;

  }

• Strange gaps in the header and footer

  Im getting gaps in the header and the footer on some of my pages.  Sometimes, the gaps are filled with the background color of the column and other times they are the color of the body that is even stranger.  An example would be http://www.mojogar.com/pcRepair.aspx .  In IE8, I get a gap on the top but not the bottom.  In Firefox3, the gap is on the bottom and not the top.  ???

  This is the page for markup;  (followed by the CSS)

  < % @ Page Language = "VB" ContentType = "text/html" percent >
  <! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional / / IN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" > ""
  "< html xmlns ="http://www.w3.org/1999/xhtml"> <!-InstanceBegin template="/Templates/masterOne.dwt.aspx ' codeOutsideHTMLIsLocked = 'false'->
  < head >
  < meta http-equiv = "Content-Type" content = text/html"; charset = utf-8 "/ >"
  <!-InstanceBeginEditable name = "doctitle"-->
  < title > Untitled Document < /title >
  <! - InstanceEndEditable - >
  <!-InstanceBeginEditable name = "head"->
  <! - InstanceEndEditable - >
  < link href = "thrColHybHdr.css" rel = "stylesheet" type = "text/css" / > <!-[if IE] > "
  < style type = "text/css" >
  / * place patches css for all versions of Internet Explorer in this conditional comment * /.
  .thrColHybHdr # sidebar1″, .thrColHybHdr #sidebar2 {padding-top: 30px ;}}
  .thrColHybHdr #mainContent {zoom: 1; padding-top: 15px ;}}
  / * the owner above zoom gives IE the hasLayout property, avoid several bugs * /.
  < / style >
  <! [endif]-->
  < script src = "SpryAssets/SpryMenuBar.js" type = "text/javascript" > < / script > "
  < link href = "SpryAssets/SpryMenuBarVertical.css" rel = "stylesheet" type = "text/css" / > "
  < link href = "SpryAssets/SpryMenuBarHorizontal.css" rel = "stylesheet" type = "text/css" / > "
  < / head >

  < body class = "thrColHybHdr" >

  
  < div id = "container" >
  < div id = "header" >
  <!-end #header->
  < div class = "fltlft" > < img src = "images/mojoLogoSmall.png" alt = "digital Mojogar design & amp; PC repair' width = '172' height = '41' border = '0' well = "#Map" / >
  < name of the map 'Map' id = 'Card' = >
  < area shape = "rect" coords = "2,2,172,39" href = "default.html" target = "_self" alt = "House Mojogar" / > "
  < / map >
  < / div >
  < div class = "fltrt" > <!-InstanceBeginEditable name = "HeadRight"-> HeadRight <! - InstanceEndEditable - >
  
  < / div >
  < div class = "MenuVertDiv" >
  < ul id = "MenuBar2" class = "MenuBarHorizontal" >
  < li > < a class = "MenuBarItemSubmenu" href = "#" > < /a > Design
  < ul >
  < li > < a href = "webDesign.aspx" > Web < /a > < /li > design ""
  < li > < a href = "webDev.aspx" > creating websites < /a > < /li >
  < li > < a href = "logo.aspx" > creation of Logo < /a > < /li >
  < /ul >
  < /li >
  < li > < a href = "#" class = "MenuBarItemSubmenu" > < /a > Animation
  < ul >
  < li > < a href = "webDev.aspx" > Animation Flash < /a > < /li > ""
  < /ul >
  < /li >
  < li > < a class = "MenuBarItemSubmenu" href = "#" > Support < /a >
  < ul >
  < li > < a href = "pcRepair.aspx" > PC Repair < /a > < /li > ""
  < li > < a href = "virus.aspx" > Virus < /a > < /li > ""
  < li > < a href = "email.aspx" > Email < /a > < /li > ""
  < li > < a href = "backup.aspx" > backup data < /a > < /li > ""
  < li > < a href = "wireless.aspx" > wireless < /a > < /li > ""
  < li > < a href = "software.aspx" > software < /a > < /li >
  < li > < a href = "hardwareInstall.aspx" > hardware < /a > < /li > ""
  < li > < a href = "server.aspx" > repair of server < /a > < /li > ""
  < li > < a href = "busConsult.aspx" > Consulting < /a > < /li > ""
  < /ul >
  < /li >
  < li > < a href = "contact.aspx" > Contact < /a > < /li > ""
  < /ul >
  < / div >
  <! - end header - > < / div >
  
  < div class = "masterBackground" >
  < div id = 'sidebar2' >
  <!-InstanceBeginEditable name = "rightSidebar"->
  < div id = 'sidebar2' >
  < h4 > when your computer is having problems, have a professional to look over your system to update or repair your operating system, programs installed verification and search for viruses and other malware. < / h4 >
  <!-end #sidebar2->
  < / div >
  <! - InstanceEndEditable - >
  <!-end #sidebar2->
  < / div >
  
  < div id = "mainContent" >
  <!-InstanceBeginEditable name = "main"->
  < div id = "mainContent" >
  < div class = "MarginTopZero" >
  < object classid = "clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase ="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9, 0,28,0" width = "580" height = "300" title = "Computer Support" >
  "< param name ="movie"value="images/flash/PCCollage.swf "/ >
  < param name = "quality" value = "high" / >
  < param name = "wmode" value = "opaque" / >
  "" < embed src="images/flash/PCCollage.swf" quality = "high" wmode = "opaque" pluginspage = "http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type = "application/x-shockwave-flash" width = "580" height = "300" > < / embed > "
  < / object > < / div >
  < h2 > don't not feel lonely when your computer stops.  Computer problems can leave you in the dark about what is wrong.  Help is a call away. < / h2 >
  < h4 > our repair and tune-up service consists of the following: < / h4 >
  update the < /li > < li > operating systems
  updates of operating system < h5 > help the security of the computer and can add features that the manufacturer has worked to make life easier end-user.  Updates as often as every week couple come out on some operating systems. < / h5 >
  audit of programs < li > < /li >
  < h5 > many < a href = "software.aspx" title = "go to our software page" target = "_self" > < /a > applications added over time and can slow down the performance of any PC taking the resources processor and memory, not to mention the hard drive space. " < / h5 >
  < li > Security overlook < /li >
  < h5 > < a href = "virus.aspx" target = "_self" > < /a > anti-virus definitions must be kept up to date. "  Malware, spyware, Trojans and new viruses are always introduced in nature (the internet is a jungle).  Antivirus applications must be updated as well.  Subscriptions to paid suppliers can expire and updates may be trolling for months or even years (I saw happen). < / h5 >
  < li > anti-virus fine tuning < /li >
  < h5 > a lot of antivirus programs is swollen applications and will not stop annoying the user with pop ups and information.  Many users also never know when and how often their antivirus scans. < / h5 >
  browser < /li > < li > configuration
  < h5 > there are literally hundreds of options in the settings of browsers for security and optimization.  Fine these beautiful can in some cases increase surfing speed. < / h5 >
  < li > implementation market & off to the low value < /li >
  < h5 > if your like most people, your PC begins never soon enough.  Get a check full of programs and services which start with your computer and optimize them to increase speed. < / h5 >
  <!-end #mainContent->
  < / div >
  <! - InstanceEndEditable - >
  
  <!-end #mainContent->
  < / div >
  <! - end masterBackground - > < / div >
  
  <!-this element of compensation should immediately follow the #mainContent div in order to force the #container div to contain all the child-> fleet
  < %--< br class = 'clearfloat' / >
  -% >
  < div id = "footer" >
  Copyright Mojogar 2010 < /p > < p >
  <!-end #footer--> < / div >
  <!-end #container--> < / div >
  < script type = "text/javascript" >
  <!--
  var MenuBar2 = new Spry.Widget.MenuBar ("MenuBar2", {imgDown: "..."}) "" / SpryAssets/SpryMenuBarDownHover.gif ', imgRight: ".. ({"/ SpryAssets/SpryMenuBarRightHover.gif"});
  ->
  < /script >
  < / body >
  <! - InstanceEnd - > < / html >

  CSS:

  
  @charset "utf-8";

  {body
  margin: 0; / * It is advisable to zero, the margin and the filling of the body to hold element has a different default browser * /.
  padding: 0;
  text-align: center; / * This centers the container in IE 5 * browsers. The text is then set left aligned by default in the #container selector * /.
  color: #9FEE00;
  do-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  do-size: 100%;
  background-color: #333;
  }

  H1 {}
  font size: xx-large.
  Color: #000;
  }

  H2 {}
  font-size: XL;
  }

  H3 {}
  font size: large;
  }

  H4 {}
  font-size: medium;
  }

  H5 {}
  font size: small;
  }

  H6 {}
  do-size: x-small;
  }
  {p}
  font size: xx-small;
  }
  H1, h2 {}
  padding-top: 20px;
  padding-right: 10px;
  padding-bottom: 4px;
  padding-left: 10px;
  }

  H3, h4, h5, h6 {p}
  padding-top: 3px;
  padding-right: 5px;
  padding-bottom: 3px;
  padding-left: 5px;
  }

  
  Li {}
  make-weight: bold;
  }
  UL {}
  list-style-type: decimal;
  }
  {of the ol
  make-weight: bold;
  }
  a {}
  }

  
  a: link {}
  color: #FFF;
  }
  a: hover {}
  Color: #333;
  background-color: #6C8CD5;
  }
  a: active {}
  Color: #F00;
  }
  a: visited {}
  color: #FF4848;
  }

  
  / * This hybrid layout tips
  1. from the lateral columns sizing based on the em is based on the user's default font size, you can be sure graphics in the columns accordingly. Built correctly, it is more accessible to those who need larger font sizes, since the width of the columns remains proportionate. If this is not desirable in your design, just change the width of a pixel size and do not forget to change the margins on the div #mainContent accordingly.
  2. given that the sizing of the side columns in this layout are based on the font size of 100% in the body element, if you decrease the overall size of the text by using a font size: 80% on the body element or the #container, do not forget that the column widths will reduce proportionally. You can increase the size of the margins on the side of the #mainContent div, and their widths to compensate for this.
  3. If the sizing of fonts is changed in different quantities on each div instead of on the overall design (ie: #sidebar1 is a font size of 70% and #mainContent has a font size of 85%), this will change proportionally each of the overall size of divs. You can adjust the base on your final sizing of fonts.
  4. the #container div is not necessary for this layout to the width of 100%. You can use to create columns of fake or to limit the width of the layout.
  5. it is not necessary to have the width of 100% on the #container div since, by nature, a div takes up 100% of the available space. Therefore, here, if you want to reduce the size of the global container - leaving perhaps a bit of margin on each side - is already available for adjustment.
  */
  .thrColHybHdr #container {}
  Width: 780px;
  / * margin: 0 auto;  the margins to the center of the page if necessary (in conjunction with a width) auto * /.
  text-align: left;
  padding: 0px;
  margin-top: 0px;
  margin-right: auto;
  margin-bottom: 0px;
  left margin: auto;
  }

  .thrColHybHdr #header {}
  background-color: #C9F76F;
  height: 100%;
  Width: 780px;
  margin: 0px;
  padding: 0px;
  }
  .thrColHybHdr #header h1 {}
  margin: 0;
  padding: 0px;
  }

  / * Sidebar1″ tips:
  1 be aware that if you set a value for the font size on this div, the width of the div will be adjusted accordingly.
  2. as we work in ems, it is preferable not to use the filling in the sidebar itself. It will be added to the width for browsers compatible standards creating a real unknown width.
  3. the space between the wall of the div and the items it contains can be created by placing a margin left and right on these items as seen in the rule ".thrColHybHdr #sidebar1 p.
  */
  {.thrColHybHdr #sidebar1}
  Width: 13em;
  border-top-width: thick;
  border-top-style: solid;
  border-bottom-color: #C06;
  float: left;
  height: auto;
  }
  {.thrColHybHdr #sidebar2}
  Width: 200px;
  text-align: center;
  margin: 0px;
  padding: 0px;
  float: right;
  }
  H3 *.thrColHybHdr # sidebar1″, p.. thrColHybHdr # sidebar1″, .thrColHybHdr #sidebar2 .thrColHybHdr #sidebar2 h3 {}
  left margin: 0px; * / / * the left and right margins should be to all of the items that will be placed in the side columns * /.
  / * margin-right: 0px;
  }
  */
  / * MainContent tips:
  1. If you give this div #mainContent a value of different size of the div # sidebar1″, the margins of the #mainContent div will be based on the font size and the width of the div #sidebar1 depend on the size of the font. You can adjust the values of these divs.
  2. the space between the mainContent and sidebar1″ is created with the left on the mainContent div margin regardless of how content div the sidebar1″ contains, the space of the columns will remain. You can remove the left margin if you want the #mainContent div text to fill the space of #sidebar1 when the content of #sidebar1 is complete.
  3. to avoid falling of float, you may have to test to determine the size of the image/approximate maximum element because this provision is based on the calibration of fonts the user combined with the values that you set. However, if the user has their browser game lower than normal font size, less space will be available in the #mainContent div that you see on the test.
  4. in the Internet Explorer conditional comment below, the zoom property is used to give the mainContent "hasLayout". This avoids several specific IE bugs that may occur.
  */
  {.thrColHybHdr #mainContent
  text-align: center;
  margin-right: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  left margin: 0px;
  Width: 580px;
  background-color: #2A 4480;
  color: #C9F76F;
  padding: 0px;
  }
  . {MarginTopZero}
  margin: 0px;
  padding: 0px;
  }

  {.busConslt}
  height: 600px;
  Width: 800px;
  }

  idea {}
  height: auto;
  Width: 100%;
  }

  
  .thrColHybHdr #footer {}
  padding: 0;
  background-color: #C9F76F;
  margin: 0px;
  }
  .thrColHybHdr #footer p {}
  margin: 0; / * zero setting the margins of the first element in the footer will avoid the possibility of the collapse of the margin - a space between the div tags * /.
  padding: 0px; / * padding on that element will create space, just as it would the margin, free margin collapse question * /.
  Color: #000;
  }

  
  / * Various classes for reuse * /.
  .fltrt {/ * this class can be used to float right to the item in your page.} The floating element must precede the element it should be next to the page. */
  float: right;
  }
  .fltlft {/ * this class can be used to float an element on your page to the left * /}
  float: left;
  margin-right: 0px;
  padding-left: 5px;
  padding-top: 3px;
  padding-bottom: 3px;
  }
  .clearfloat {/ * this class must be placed on an element div or break and should be the last item before closing a container should completely contain a float * /}
  Clear: both;
  height: 0;
  }
  {#defMainLft}
  Width: 49%;
  float: left;
  text-align: center;
  }
  {#defMainRt}
  Width: 49%;
  float: right;
  text-align: center;
  }
  {.absolRgt}
  position: absolute;
  Top: 0px;
  right: 0px;
  }
  {.relRgt}
  position: relative;
  Top: 0px;
  right: 0px;
  }
  {.defFull}
  position: relative;
  height: 263px;
  Width: 100%;
  border-bottom-width: medium;
  border-bottom-style: solid;
  border-bottom-color: #ff4900;
  }
  {.absolLft}
  position: absolute;
  Top: 0px;
  left: 0px;
  }
  {.defFullTop}
  position: relative;
  Width: 600px;
  border-top-width: thick;
  border-top-style: solid;
  border-bottom-color: #000;
  margin: 0px;
  }
  {.tuneUpTop}
  background-color: #000;
  color: #FFF;
  margin: 0px;
  padding: 0px;
  }
  {.contactForm}
  Width: 470px;
  height: auto;
  left: auto;
  right: auto;
  }
  {.borderRight}
  border: medium solid #A62F00;
  margin-top: 0px;
  margin-bottom: 0px;
  left margin: 0px;
  }
  . {MenuVertDiv}
  margin-bottom: 0px;
  Clear: both;
  height: 38px;
  background-color: #A62F00;
  Width: 100%;
  }
  {.masterBackground}
  background-color: #BF5930;
  margin: 0px;
  padding: 0px;
  }

  Your HTML code contains conditional comments for IE.  Try to reduce or remove the extra padding and see if that helps.

  / * place patches css for all versions of Internet Explorer in this conditional comment * /.
  .thrColHybHdr # sidebar1″, .thrColHybHdr #sidebar2 {padding-top: 30px ;}}
  .thrColHybHdr #mainContent {zoom: 1; padding-top: 15px ;}}
  / * the owner above zoom gives IE the hasLayout property, avoid several bugs * /.
  
  

  Nancy O.
  ALT-Web Design & Publishing
  Web | Graphics | Print | Media specialists
  http://ALT-Web.com/
  http://Twitter.com/ALTWEB
  http://ALT-Web.blogspot.com

• Can I make the heads of uniform sizes with a guide?

  I'm doing the different pictures of my child's head all the same size to print and cut out a banner. Is it possible for me to create a guide to zoom all images so that they are homogenous?

  Work on the heads of their origins?

  A solution would be

  The bridge, go Tools > Photoshop > load files into Photoshop layers.  This will open all the images in a single document.

  Select each layer one at a time, right-click and do in the Smart Objects.  This will allow you to resize layer several times without affecting the quality of the image.

  Start with the smaller face and designate your master, because you don't want n none of the layers

  Add the size of the canvas so all of the cabin of images exist side by side.

  Drag a layer to the far-right, select all layers and with the active move tool choose distribute horizontal centersin the Options bar.  It is simply that you can see all.

  Turn on leaders (Ctrl r) and drag a guide from the rule at the top of the page and past through the eyes of your master layer so.

  Now select the next layer and use the free to resize according to the main layer and move transformation across the gap.

  It's one of those jobs in Photoshop just up there with basket weaving as a company of occupation therapy.  I love doing stuff like that

• Help at the Gallery screen, completely covering the header

  Hello

  New in Muse and try to give a sense the parameters of.

  For the life of me, I can't understand how to integrate a gallery full screen and have my header show through.  I'm sure this is a simple adjustment that I'm missing.

  Creates a standard header on a master page (menu, image, rectangle, text box box)

  Created an inside page based on this mask (which is in turn based on a controller of footer)

  Widget slideshow fullscreen slipped to an inside page

  When I preview the slideshow, if I maintain full screen setting, it covers my head

  If I drag the slide show on the lower edge of the header, it disables the full-screen layout and a gap appears on the bottom of the slide show outlining the footer and background

  How can I make sure that the slide show retains the attributes full screen while exposing my head?

  Thanks in advance for your help

  In case anyone cares, I understood the question.

  When I created the original master page header, I should have created a new layer so that it contains the header elements for later use on subpages

  Once I created a layer for the header on this master page, I could take him to the top of the slide show full-screen

• iOS 10 mail for iPad lack up/down arrow in the header

  Put JJust to upgrade to iOS10.0.2 on my iPad. There no message before or after the arrow in the header. How to make a comeback?

  Hey there, oldregistrar!

  Thank you for using communities of support from Apple! It seems that the Mail app on your iPad on iOS 10.0.2 does not display e-mail messages in its entirety. I'll be happy to help you.

  Force an application to close on your iPhone, iPad or iPod touch - first of all, use the following instructions to force it to close the app email, and then restart your iPhone, iPad or iPod touch - never underestimate the power of a good restart.

  If these steps did not help, which is / are providers of email, what other measures have you tried?

  Take care!

• How to display the header of the source of the e-mail to the iOS 9?

  where can I get the header information of an e-mail sent to me on my e-mail iOS client?

  I don't think it's possible with iOS mail.

• If View | Headers is set on Normal but forwarding emails always send the header information, what it takes then try to stop him?

  When I send any email it adds the header at the top of the email to transmit information. According to other posts so I put in view. Headers | Normal, that they will not be added. It does not work for me. I tried setting to view | Headers | All and then return to normal. No change. Using Thunderbird version 38.3.0 on Windows 10. I can select and remove the information from the header manually, but it's a pain. The only other option is to send as an attachment that does not add the header information, but prefer not to use this method. Any suggestions? Thank you.

  It's 5 lines. I have a lot of people who want to be part of the sent emails, but complain about the shipping info. The 5 lines personally doesn't bother me. I miss understood believe the news of transfer, 5 lines may be hidden if notice | Headers was set to Normal. I have to select and remove before the transfer or copying some individuals simply not in on emails transferred. Thanks for your help Zenos.

• Whenever I try to open an e-mail previously sent or received, even if the header is ok, its actual content is replaced by another sender mail, even.

  It seems that the content of some (not all) of my received emails (already checked this as read) is somehow removed and replaced by the contents of the e-mails to another shipper, essentially the same sender. How can I solve this problem and relieve my other email content?

  I've attached a picture that proves my point: although it is obvious that the sender is Ms. Lia Buda and the email is in Romanian (in the header of the mail is written above) content in the preview below pane was "stolen" by an email from another sender, Mr. Precious Ngwu, an affiliate with whom I am in English. Can you help me to restore the right content in the right headers?

  Thank you

  Bogdan
  alias [email protected]

  Right click on the folder, select Properties, and then on the button repair.

• In one of my firefox browser, the header/footer margin setup parameter is inches, I need to change it to milimeter to inches. Your help is appreciated.

  In one of my firefox browser, the header/footer margin setup parameter is inches, I need to change it to milimeter to inches. Your help is appreciated.

  As far as I KNOW Firefox displays the metric or Imperial depending on the type of paper selected for printing. If you are using A4, you should get millimeters/metric.

• Is there a way to disable the function where firefox opens a new tab when you scroll a click in the header bar?

  Is there a way to disable the function where firefox opens a new tab when you scroll a click in the header bar? This feature in conflict with my program of multiple monitors (display fusion) since this program allows you to change your current active window the monitor 1 monitor 2 and vice versa BY clicking the header of BAR SCROLLING (or whatever you call the highest part of your window). With firefox, I can't easily change my active window between monitors because instead, it opens a new tab.

  If the window is maximized, you can then switch this pref to disable the display of the tabs in the title bar:

  • browser.tabs.drawInTitlebar = false

  You can open the topic: config page via the address bar.
  You can accept the warning and click on "I'll be careful" to continue.

  • http://KB.mozillazine.org/about:config

• How to increase the size of the header bar so that I can view the topic more clearly?

  I can not clearly see and enjoy the themes that I download as the header area is very low. How can I increase my header with objects area less covering the bottom?

  You need to activate the toolbars to make them visible.
  You can have an extra available with the extension toolbar Classic theme restaurateur.

  • https://addons.Mozilla.org/firefox/addon/classicthemerestorer/

  To see more of the Persona, you can set a minimum height for the navigator - Toolbox with the code in the file userChrome.css or using the Stylish extension.

  Add code to the file userChrome.css below default @namespace.

  • http://KB.mozillazine.org/userChrome.CSS

  @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */
  
  #navigator-toolbox { min-height:200px !important; box-shadow:ThreeDShadow 0 -1px inset; }
  

  The file userChrome.css (UI) customization and userContent.css (Web sites) are located in the folder of chrome in the Firefox profile folder.

  • http://KB.mozillazine.org/Editing_configuration

• Receive messages, but only shows the header, not opening messages

  Yesterday, all of a sudden, download my emails, but only the header appears. No message. I have the two incoming POP and IMAP, both do the same thing. If I double-click on a message, a new window opens - no message - just the header. If I go on more, then Classic view - then I can see my message. But NOT if I put the classic view for all of the programming. That freeze the program.

  I can click on whatever I want on different messages, but nothing happens to change the header since the first message I tried to display. I can delete messages, but not to open them.

  She also took forever to download an email attachment in IMAP, but not messages from POP.

  Using Windows 7, this happened to the previous version and just upgraded to 38.0.01 to try to fix it. No luck.

  Is it possible to go back to an older version of Thunderbird and have this job?

  right click on the folder, select Properties, and then on the button repair.

• Double click on a message header opens in a tab with totally different return email but the header of an email, the body of the email is empty, how to fix?

  Emails sitting in my Inbox is open a few days normally. Double clicking on it opens a tab that is referring to the clicked e-mail header, but here's a header and a completely different email details and the body of the email is empty. For example by double clicking on an e-mail from results of Tesco in 'Tesco' display in the tab but the header below shows ' of: TalkTalk'

  By clicking on "Options" and selecting "Display remote content" does not solve the problem.

  Incoming emails will open normally when they first arrive.

  This feature seems to apply only to a few emails at first, but it becomes general.

  Uninstall and reinstall Thunderbird (ver 31.6) and the problem persists. OS is Windows 7

  How can I overcome this?

  Make sure that compact you the folders on a regular basis.

• How can I get the header options restored in the new Firefox

  How to return the header options (help, history, bookmarks, etc.) with the new Firefox. I searched the 'menu' and couldn't find a way to restore them. I want to install on Windows 7, home Premium.

  Try this:

  1. Open the Firefox menu

     

     , and then select "Customize".

  2. At the bottom of the screen, pop open the option ' show/hide toolbars.
  3. Select "Menu Bar".

  You can also temporarily show the menu bar by pressing the "alt" on your keyboard.