Skip to main content
A
Anonymous
January 2, 2013
Question

Landing Page Positioning - code out of innerdiv?

  • January 2, 2013
  • 3 replies
  • 1669 views
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!
This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.

3 replies

A
Anonymous
January 2, 2013

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?

A
Anonymous
January 2, 2013
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
A
Anonymous
January 2, 2013

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>

Terms & ConditionsAccessibility statement

Loading footer...