Liquid header - once page resized middle content goes in the gap

Hi currently I have a liquid header, the logo is floating to the left and the navbar is floating to the right, and in the middle of the page (below the header) I have photo thumbnails which move to fit the page width. Once the page is expanded the thumbnails jump up into the gap that opens up between the logo and navbar... is there a way to make the header closed of from the thumbnails below?
Thanks.
HTML:
<!doctype html>
<html>
<head>
<link rel="shortcut icon" href="favicon.ico" >
   <link rel="icon" type="image/gif" href="../../animated_favicon1.gif" >
<title>Wedding Photogaphy</title>
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="layout.css">
<script src="js/jquery-1.7.2.min.js"></script>
<script src="js/lightbox.js"></script>
<link href="css/lightbox.css" rel="stylesheet"/>
<style type="text/css">
a {
          font-size: 15px;
          color: #777777;
body,td,th {
          font-size: 15px;
          color: #444444;
          font-family: "Josefin Slab";
a:link {
          text-decoration: none;
          color: #444444;
a:visited {
          text-decoration: none;
          color: #444444;
a:hover {
          text-decoration: none;
          color: #60baec;
a:active {
          text-decoration: none;
          color: #444444;
</style>
<script type="text/javascript">
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];}}
</script>
</head>
<body text="#444444" link="#444444" vlink="#60baec" alink="#444444" onLoad="MM_preloadImages('images/Studio_06-Home-roll-over.jpg','image s/Studio_14-Blog-roll-over.jpg','images/Studio_16-contact-roll-over.jp g','../images/home_03-roll-over.jpg')">
<div class="wrapOverall">
<div class="container" id="header container"><div class="header"><a href="../index.html"><img src="images/Home-Page_03.png" name="Logo" width="448" height="69" class="logo" id="Logo" onMouseOver="MM_swapImage('Logo','','home_03-roll-over.png',1)" onMouseOut="MM_swapImgRestore()" border="0" /></a></div>
<div class="navMain">
          <div class="navMain">
                         <ul>
                         <li><span style="font-family: 'Josefin Slab'"><a href="../../../Home/Home.html">HOME</a>
                               </span>
                           <li><span style="font-family: 'Josefin Slab'"><a href="../../Portfolio.html">PORTFOLIO</a>
                               </span>
                           <li><span style="font-family: 'Josefin Slab'"><a href="#">PRICING</a>
                               </span>
                         <li><span style="font-family: 'Josefin Slab'"><a href="../../../About/About.html">ABOUT</a>
                         </span>
                <li><span style="font-family: 'Josefin Slab'"><A href="#">BLOG</a>
                </span>
                <li><span style="font-family: 'Josefin Slab'"><a href="../../../Contact/Contact.html">CONTACT</a></span>
            </ul>
        </div>
</div>
</div>

<center><div class="slideshow">
<p><a href="images/image-1.jpg" rel="lightbox[a]"><img src="images/image-1T.jpg" width="100" height="100" border="10" align="absmiddle"/></a><a href="images/image-2.jpg" rel="lightbox[a]"><img src="images/image-2T.jpg" width="100" height="100" border="10" align="absmiddle"/></a><a href="images/image-3.jpg" rel="lightbox[a]"><img src="images/image-3T.jpg" width="100" height="100" border="10" align="absmiddle"/></a><a href="images/image-4.jpg" rel="lightbox[a]"><img src="images/image-4T.jpg" width="100" height="100" border="10" align="absmiddle"/></a><a href="images/image-5.jpg" rel="lightbox[a]"><img src="images/image-5T.jpg" width="100" height="100" border="10" align="absmiddle"/></a><a href="images/image-6.jpg" rel="lightbox[a]"><img src="images/image-6T.jpg" width="100" height="100" border="10" align="absmiddle"/></a><a href="images/image-7.jpg" rel="lightbox[a]"><img src="images/image-7T.jpg" width="100" height="100" border="10" align="absmiddle"/></a><a href="images/image-8.jpg" rel="lightbox[a]"><img src="images/image-8T.jpg" width="100" height="100" border="10" align="absmiddle"/></a><a href="images/image-9.jpg" rel="lightbox[a]"><img src="images/image-9T.jpg" width="100" height="100" border="10" align="absmiddle"/></a><a href="images/image-10.jpg" rel="lightbox[a]"><img src="images/image-10T.jpg" width="100" height="100" border="10" align="absmiddle"/></a><a href="images/image-11.jpg" rel="lightbox[a]"><img src="images/image-11T.jpg" width="100" height="100" border="10" align="absmiddle"/></a><a href="images/image-12.jpg" rel="lightbox[a]"><img src="images/image-12T.jpg" width="100" height="100" border="10" align="absmiddle"/></a><a href="images/image-13.jpg" rel="lightbox[a]"><img src="images/image-13T.jpg" width="100" height="100" border="10" align="absmiddle"/></a><a href="images/image-14.jpg" rel="lightbox[a]"><img src="images/image-14T.jpg" width="100" height="100" border="10" align="absmiddle"/></a><a href="images/image-8.jpg" rel="lightbox[a]"><img src="images/image-8T.jpg" width="100" height="100" border="10" align="absmiddle"/></a><a href="images/image-15.jpg" rel="lightbox[a]"><img src="images/image-15T.jpg" width="100" height="100" border="10" align="absmiddle"/></a></p>
</div></center>

<div id="containerFooter">
<div id="Box1" style="font-family: 'Josefin Slab'">
<p>All content <span style="font-size: 20px">©</span> DKphotos 2013</p>
</div> 
<div id="Box2">
<p><script type="text/javascript">
// BeginOAWidget_Instance_2149022: #OAWidget
          var urlToLike = 'http://www.facebook.com/DKphotos.net';
          if (urlToLike == '') {
            urlToLike = window.location.href;
      urlToLike = encodeURIComponent(urlToLike);
      var font = encodeURIComponent('arial');
document.write ('<iframe src="http://www.facebook.com/widgets/like.php?locale=en_US&href='+urlToLike+'&layout=button_cou nt&show_faces=false&width=450&height=150&action=like&font='+font+'&colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; border-color:#ffffff; overflow:hidden; width:450; height:150"></iframe>')
// EndOAWidget_Instance_2149022
</script>
          </div></p>
</div> 

<hr class="clearing" />
</div> 
</div>
</body>
</html>
CSS:
@charset "utf-8";
/* CSS Document */
body {
          background-image:url(images/bg_body.jpg);
          background-color:#ffffff;
          background-attachment:fixed;
          background-position:top;
.wrapOverall {
          width: 1920px;
          display: inline;
#container {
width: 100%;
min-width: 500px;
max-width: 100%;
.header img.logo{
          float: left;
          margin: 0px 15px 0px 15px;
.img.logo, .navMain {
width: auto;
min-height: 10px;
border: 0;
/*to reduce float drop issues in IE*/
word-wrap: break-word;
.img.logo {margin-left: 8px; float: left;}
.navMain {margin-left: 10px; margin-top: 10px; margin-bottom: 40px; float:right;}
/**Clear floats after the boxes**/
.clearing {
clear:both;
visibility:hidden;
line-height:0;
font-size:1px;
display:block;
#containerFooter {
width: 100%;
min-width: 650px;
max-width: 100%;
#containerFooter {
font-family: Verdana, Arial, Helvetica, sans-serif;
border: 0;
margin:0 auto; /*centered*/
overflow:hidden; /*float containment*/
#Box1, #Box2 {
          width: auto;
          min-height: 10px;
          border: 0;
          /*to reduce float drop issues in IE*/
          word-wrap: break-word;
#Box1 {margin-left: 8px; float: left;}
#Box2 {margin-left: 20px; float: left;}
/**Clear floats after the boxes**/
.clearing {
clear:both;
visibility:hidden;
line-height:0;
font-size:1px;
display:block;
/*    General Navigation Rules   */
.navMain ul {
          margin: 0px;
          padding: 0px;
          font-size: 14px;;
.navMain ul li {
          margin: 0px;
          padding: 0px 0px;
          list-style: none;
          display: inline;
.navMain ul li a {
          margin:0px;
          padding:0px 10px;
.navMain ul li a:hover {
          font-size: 16px;
.slideshow{
          margin:20px 0px 35px 0px;
          #header, #containerFooter {
                    width:100%;
                    float:left;
                    #containerFooter {
          position: fixed;
          bottom: -145px;
          z-index: 500;
          background-color: #FFF;

Dreamweaver is not a browser. You can't rely on it for previewing.
That said, this is how I approach galleries in a semi-liquid layout:
http://alt-web.com/TEMPLATES/CSS-Semi-liq-photo-sheet.shtml
Nancy O.

Similar Messages

Crystal Reports 9: Page Header plus Page Footer is too large for the page.

Hi,
I have a report that has the following sections.
GH1
GH2a
GH2b - has a sub report
GH2c - has another sub report
GH3
GH4
GH5
details - suppressed
GF5 - suppressed
GF4 - suppressed
GF3 - suppressed
GF2 - suppressed
GF1 - suppressed
The report works fine wehn I run it using Crystal Designer.I am using CR version 9.2.2.693.
When I try to load the report in my application, I get the following error.
Crystal Report Windows Forms Viewer
Page Header plus Page Footer is too large for the page.Error in File rptName.rpt:
Page header or footer longer than a page.
OK
There are no 'suppress blank sections' option set in the sections where the sub-Reports are.
I also tried setting the No Default Printer option.
The report gets loaded from the application only when I set 'New Page after' in the sections where there are sub-Reports.
I do not want to do this; Is there a workaround?
Thank you.

Can someone tell me if this problem is being worked on as it looks as thogh none of the problems regarding the message u2018Page Header plus Page Footer is too large for the pageu2019 have been addressed.
We have several reports that were written in Crystal 7 (I think) and worked in Crystal 9 and X1R2 but now give the above error. We have tried jigging the report in line with the various suggestions but at best can get them to run through successfully with one lot of data and then fail on the second or subsequent pages when you vary the data or report format even slightly. We can report on every bit of data separately or in various combinations but not in others. Changing the bottom page margin by 0.01 cm can cause it to fail on page 7 instead of page 530 (for example). We certainly do not have large page headers (just over 2cm) or page footers (about 0.3cm). We do have some subreports in the details section but have used 'fit to section', added 'keep together', removed u2018keep togetheru2019 from just about everything we can (in desperation) but to no avail. We cannot see a pattern to what is happening. It would be encouraging to know that someone is actually working on this fault.

TS1702 Hi, I downloaded Wild to my Ipad and I'm having issues. I've only read the first few chapters but at the end of each chapter the last page is duplicated for 10 pages and then it goes to the next chapter.

I downloaded Wild to my Ipad and I'm having issues. I've only read the first few chapters but at the end of each chapter the last page is duplicated for 10 pages and then it goes to the next chapter.

Quit the iBooks app completely and restart the iPad. Go to the home screen first by tapping the home button. Double tap the home button and the task bar will appear with all of your recent/open apps displayed at the bottom. Tap and hold down on any app icon until it begins to wiggle. Tap the minus sign in the upper left corner of the app that you want to close. Tap the home button or anywhere above the task bar. Restart the iPad.
Restart the iPad by holding down on the sleep button until the red slider appears and then slide to shut off. To power up hold the sleep button until the Apple logo appears and let go of the button.
Or ....Reset the iPad by holding down on the sleep and home buttons at the same time for about 10-15 seconds until the Apple Logo appears - ignore the red slider - let go of the buttons.
Or ... Delete the book and download it again in the purchased tab of the iBook Store, as long as you use the same Apple ID, there is no charge to download it again.

HT4623 once ipad is updated it goes through the prompts and then stays on connect to itunes???

once ipad is updated it goes through the prompts and then stays on connect to itunes???

Unable to Update or Restore..?
See Here > http://support.apple.com/kb/HT1808
You may need to try this More than Once... Be sure to Follow ALL the Steps...
Also see this discussion...
https://discussions.apple.com/message/24163508

Suppress header on Page 1?

Hello-
How do I suppress the header on the first page of a document? I tried simply deleting the text from the header on page 1, but then it deleted the page header on all the subsequent pages. In the old days, you could just select "Different First Page", but I don't see an option for doing that. Thanks.

Disregard. I found the solution
Click View>Show Layout
Then click the Inspector>Layout>Section tab>Configuration>First Page is different

Can you print all the tab control's contents and include the tabs?

We are trying to generate a report that includes the contents of a tab control (graphs, text). Using the Append Control Image to Report.vi, we are only able to print out the active tab and the tab is cut off of the image. How can we generate reports that include all the tab pages and their contents and include the labeling tabs?
Thanks in advance.
Jim

I do have a workaround for makinging the prints but it looks like some sort of cropped screensave that cuts off the tabs. In my sample I was printing out 3 of the tab controls and you can see there are three by the cut off tabs. Is there a setting to allow for more of the graph and its surroundings to be "captured"?
Attachments:
Document.pdf ‏53 KB
Document (2).pdf ‏51 KB
Document (3) (2).pdf ‏58 KB

Error: An error exists on this page. Acrobat may not display the page correctly.

Hi --
The PDF I created is throwing an error message for some people in my organization and not others. I took a final PDF from our printer (not sure what they used to create it), optimized it, and added metadata and bookmarks -- all in Acrobat Pro X on a Mac. At one point I replaced a page of a lower resolution version with a page from a higher resolution version in order to maintain resolution for a particular image, but I later optimized the whole file and wiped out the higher resolution image. I also changed the numbering using the thumbnail view so that the frontmatter of the book uses lowercase roman numerals and printed page numbers match document page numbers. I removed the page number from the front and back covers. There are a bunch of images in the file.
The file is on our website behind a registration/log in page (free registration - Lincoln Institute of Land Policy Web Site) and this is a new initiative for us -- giving away full books as PDFs for free -- so I would like to know that the file is not throwing errors. However, there doesn't seem to be a common browser/Acrobat Reader config among the people here getting the error.
I can provide the file if needed.
Thanks in advance,
Susan

Acrobat 8 Pro. I combined several other PDFs that I downloaded, into one new document. It saved without errors, then after I printed it, this message popped up.
I poked around in the menus, looking for some type of "audit" function, like my CAD software has and found "Examine Document". I clicked on that and then removed all the 'metadata', 'hidden text on pages' and 'deleted hidden page and image content'. If the error message doesn't pop up again, I'll assume that fixed the problem.

When text is low on the page, it does not print on the page!

Office Jet J6480, Windows 7 32 bit.
Sometimes pages with a content line near the bottom of the page, does not print or the characters are only partially
printed on the output page.

Hello, you may be able to fix this problem on your HP Officejet J6480 All-in-One Printer by following the steps in the following document: "The Product Does Not Print the Bottom Page Border in Microsoft Office":
http://h10025.www1.hp.com/ewfrf/wc/document?docname=c01671543&tmp_task=solveCategory&cc=us&dlc=en&la...
There are two more links inside that web page with some other solutions if you are experiencing this problem with other Operative System:
-Printed Text is Cut Off on the Last Line of the Page in Windows XP
-Printed Text is Cut Off on the Last Line of the Page in Windows Vista
I am an HP employee, Printer/All-in-One Expert.
Give Kudos to say "thanks" by clicking on the "thumps Up icon"
Please mark the post that solves your problem as an Accepted Solution so other forum users can utilize the solution.

I keep getting a Yahoo DNS error handler page, and can't even access the add-ons page to disable it because it redirects me to the Yahoo DNS page immediately

I have already seen some suggested solutions to the problem of this extremely annoying Yahoo DNS error solutions page, but they involve going to the add-ons page of firefox and disabling various add-ons. The issue is that even when I try to go to the add-ons page I get immediately redirected to the Yahoo DNS solutions page again.
I have cleared my browser history and cache, hoping it would help, but nothing. Extremely annoying as I never installed anything - it simply started after a Firefox upgrade.
Any help much appreciated.

Open the Help menu and choose Restart Firefox with Add-ons Disabled. Remove any offending extensions. For details, see the "Uninstall from Firefox Safe Mode" section of the following article.
* [[Cannot uninstall an add-on]]

Only Page 1 is saved/submitted, but the others are missing?

Hello:
I have created an Adobe Interactive form with a subform that is repeatable and spans to multiple pages. No matter what Pagination settings I configure, when I save or submit my form, only the first page is captured.
My repeating subform is Positioned, but its parent subform is Flowed. Both subforms Allow Page Breaks within Content and even the Parent subform.
Can someone help me to understand what I may have missed here?
Thanks,
Newbie in Adobe

Thanks to pguerett who solved this one offline.
I had not yet bound my fields that were repeating onto separate pages as I was in the early stages of development.
Default Binding (Open, Save, Submit): on the Binding tab of the Object Palette must be specified. Then that field in the reader later, should have a user-entered value on a subsequent page. Save/Submit will then capture the subsequent pages.
Thanks pguerett!

Does anyone know how to add a preface page at the beginning of the book in ibooks author once the book is written? No matter how I try to add a Preface page, it goes to the end of the book.

Does anyone know how to add a preface page at the beginning of the book in ibooks author once the book is written? No matter how I try to add a Preface page, it goes to the end of the book.

Thanks. I've tried this and apparently the template I'm using is one of those where it doesn't work. I've tried dragging it as well as cutting a pasting but it always travels back to the end of the book. Maybe I can try changing the template temporarily, move the preface page, and then convert back to the original template. I'll experiment a little.

Header row in a table is overlapping when it goes to the second page

Hello,
I have a header row in a table that I need to repeat on new pages if there is enough data to make it go to a new page. It is repeating on the second page, but when it does it all overlaps and is squashed to the left. It is 5 columns long and each column goes on top of the others to the left.
I am hoping someone might be able to help.
Thanks!

Hi,
I am facing the same issue.
My table header has 2-3 rows of data...the data is populated dynamically. The text fields are set to expand, so I have to make the subforms to flowed.
As soon as I set the subforms to Flowed...evrything overlaps on the second page.
Please help.
Regards
Neha

When I open Safari, it goes to the home page, but there is no toolbar forSafari, the home page is in the middle of an all white window, how may I get the tool bar back.

When I open Safari, it goes to the home page but there is no tool bar at the top of the window, and the home page is in the middle of a white window that is full screen. I cannot do anything with Safari because there is no toolbar. how do I get the tool bar back.
Thanks for any help.
Phillip

Sounds like you are in Full screen mode. Run your cursor to the top of the page and click on the blue arrows on the right hand side.

Export excel setting Page header once per report not working

Hi All,
      I am having a java web application which creates the predefined template reports in pdf or xls or rpt format. I have a requirement where in case of XLS format, the page header should be displayed ONCE PER REPORT. I have Crystal Reports XI release 2 and Java 1.5.
    I am setting from java code
     formatType = IReportFormatOptions.CeReportFormat.EXCEL;
     reportFormat.setFormat(formatType);
     IExcelFormat formatExcel = (IExcelFormat)reportFormat.getFormatInterface();
     formatExcel.setExportPageHeaderFooter(IExcelFormat.CeReportExportHeaderFooterOption.ONCE);
I have installed a patch named Excel Export patch which basically sets some registry entries
Set HKEY_CURRENT_USER\Software\Crystal Decisions\10.0\Crystal
Reports\Export\Excel\PageAreaExportType to 0 for default behavior, 1 to display no page area, 2 to display page area once per report, and 3 to show the page area once per page.
Set HKEY_CURRENT_USER\Software\Crystal Decisions\10.0\Crystal
Reports\Export\Excel\ColumnWidthBaseArea to 0 for default behavior, 4 for column width based on detail
section.
I have set PageAreaExportType to 2 and ColumnWidthBaseArea to 0 and 4.
Still i see the page headers repeating on every page. Could you please help me in resolving the issue?
Thanks in advance.

Currently in our new version of java application, we are not using DHTML viewer. Predefined report templates are published on crystal server and from Java application, we send the report parameters to the crystal and also specify the format type.
Exporting excel from the crystal template is working fine with the page headers repeating only once (have set the page header show once per report option before exporting it to excel). But the same is not happening from the Java application. i have attached the required files to the message that i posted. If you have the access you can take a loot at them.

My iPad downloaded ios 8 and all I get is an unresponsive black screen with the logo. And when I reset it it goes to the page where it says hello in a bunch of languages then I try to configure it and my screen once again goes black. HELP!

My iPad downloaded ios 8 and all I get is an unresponsive black screen with the logo. And when I reset it it goes to the page where it says hello in a bunch of languages then I try to configure it and my screen once again goes black. HELP!

Hello Lesliegrande,
Thanks for using Apple Support Communities.
Please follow the troubleshooting in the article below to help resolve this issue where you are unable to update your iOS device.
If you can't update or restore your iPhone, iPad, or iPod touch
Take care,
Alex H.

Liquid header - once page resized middle content goes in the gap

Similar Messages

Maybe you are looking for