Adobe Muse: How to style body to 100% width?

Question

I've looked all over google and to be honest there aren't that many articles to answer a question as specific as this one , and i've tried going through the interface. So when you make a new page , you have a body , and by default , that body has some margin's between it and the browser window , now i've managed to take care of the top and bottom one so there's no padding on the browser window ( a.k.a. margin's on the body ) but there's still space between the browser and the body on the left and the right side.

So how can i make my body's width be 100% of the browser's window because there's no width setting for the body , but only the page ( the browser window area).

score 2 · Answer 1 · answered Jul 04 '13 at 22:13

2

body {
  margin: 0;
  padding: 0;
}

answered Jul 04 '13 at 22:13

Ricardo Marimon

10,339
9
52
59

I'm a little new to Muse , so can you tell me how can i access the body's CSS or any element's CSS for that matter , in Muse? – Filip Petrovic Jul 04 '13 at 22:14

score 1 · Answer 2 · answered Dec 14 '13 at 22:16

Okay here is the best I can do...

Aside from going to Page > Page properties > metadata and adding your own css file. what you can do is go to the rectangle tool and expand it to whatever height you want, however you MUST make sure that you expand the width to the edges of the web canvas past the body border until the tooltip displays 100%. afterwards embed whatever you want in there. but bewarned, the more complex the object the more custom coding you need to add.

Hope this helps

score 1 · Answer 3 · answered Apr 01 '14 at 16:27

There is a way to make an object 100% the width of a browser. It's not so obvious and it's hidden:

Draw a rectangular box and fill the box with photo (scale to fit), set color to none.
Resize the rectangular box to the same width of the canvas (page size).

The combination of the procedures above activates 100% width on the object.

score 0 · Answer 4 · answered Feb 12 '15 at 21:26

0

Be sure you are using "browser fill" and not just "fill". The fill one will fill in a box in the center.... Browser fill will literally fill the whole page. Got stuck on this for ages!

answered Feb 12 '15 at 21:26

Modz Marvin

11
1

score 0 · Answer 5 · answered Aug 18 '15 at 06:01

There is a simple one-click solution for 100% width, which I just came across in this awesome article after having trouble getting my footer to go all the way across on wide screen laptops...

In your top toolbar between the X/Y and W/H inuts, there is a little box with an arrow that points either way. Hover over it and you will see that it says '100%'.

click it and you're done!!! :-)

http://www.designeasy.co/2014/07/5-very-cool-tips-for-adobe-muse-cc-2014.html

T double · Answer 6 · 2013-07-04T22:27:39.967

-1

insert the following code into your header tags as follows (Where theme.css is the name of your css.)Now, go to you css and enter the css given to you by user255

edited Jul 04 '13 at 22:27

answered Jul 04 '13 at 22:18

T double

349
3
12

The Muse website is on it's own server so if i want to see the page with 100% width i'd have to export it as HTML every time and then add the style file. Plus , isn't your solution too unpractical ? There should be a setting for this... – Filip Petrovic Jul 04 '13 at 22:31

score -1 · Answer 7 · edited Oct 17 '15 at 00:15

-1

Open your page in adobe muse Go to "Page properties" select "Metadata" From Page properties and add the following code to HTML for <head> area:

<style>
body {
    overflow-x:hidden;
}
</style>

edited Oct 17 '15 at 00:15

spenibus

4,339
11
26
35

answered Oct 16 '15 at 19:28

Muhammad Qasim

1

Adobe Muse: How to style body to 100% width?

7 Answers7