Landing Page Positioning - code out of innerdiv?

Anonymous
Not applicable

Landing Page Positioning - code out of innerdiv?

Hi everyone, 

I'm having some trouble with styling a Marketo landing page 

I'm trying to get the header banner to span the entire width of the window, with a centered fixed-width div right below it (innerdiv).

Here is the landing page: (http://resources.mulesoft.com/Progress.html)

Is there a way to do this? Has anybody done it? If you link me I can just reverse engineer it!

Thanks!
Tags (1)
3 REPLIES 3
Anonymous
Not applicable

Re: Landing Page Positioning - code out of innerdiv?

Hi, 

You could mimick the effect by putting the background image on "body#bodyId" in the CSS. 

Like this: 

body#bodyId {

     height: 900px;
     background: white url(http://www.mulesoft.com/images/mkto/top.jpg) repeat-x top;

}

The only issue is you won't get the gray highlight beneath it...is that important to you?

Anonymous
Not applicable

Re: Landing Page Positioning - code out of innerdiv?

The gray highlight could be taken care of with a gray rectangle in the editor. As long as I can get the blue header to span the entire page I'm good. 

Dan
Anonymous
Not applicable

Re: Landing Page Positioning - code out of innerdiv?

Cool. 

You can make that change to the Template within the design studio.  You could add the background to "div#outerWrapDiv" instead of the body tag, as well. 

If you can't make edits to the template, you could also insert an HTML container within the editor and add this in it: 

<style>

body#bodyId {

height: 900px;
background: white url(http://www.mulesoft.com/images/mkto/top.jpg) repeat-x top;

}

</style>