Set page content text to full width?
![Multi tool use Multi tool use](http://sgv.ssvwv.com/sg/ssvwvcomimagb.png)
Multi tool use
I'm trying to modify MDN page (eg: https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest) to make the content stretch to full width for printing. However I searched and tried multiple methods but none of them works, please help, thanks!
html css
add a comment |
I'm trying to modify MDN page (eg: https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest) to make the content stretch to full width for printing. However I searched and tried multiple methods but none of them works, please help, thanks!
html css
Can you share some code?
– Manish Patel
Jan 1 at 4:50
Hi Manish you can check the image I setmargin/width/padding/text-align
.
– mzoz
Jan 1 at 4:52
I see it, but i can't see the parent div or your site html structure..
– Manish Patel
Jan 1 at 4:54
Content not stretch to full width, because max-width is set in p ` .text-content p{max-width: 42rem;}`
– Manish Patel
Jan 1 at 4:59
add a comment |
I'm trying to modify MDN page (eg: https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest) to make the content stretch to full width for printing. However I searched and tried multiple methods but none of them works, please help, thanks!
html css
I'm trying to modify MDN page (eg: https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest) to make the content stretch to full width for printing. However I searched and tried multiple methods but none of them works, please help, thanks!
html css
html css
asked Jan 1 at 4:35
mzozmzoz
3851214
3851214
Can you share some code?
– Manish Patel
Jan 1 at 4:50
Hi Manish you can check the image I setmargin/width/padding/text-align
.
– mzoz
Jan 1 at 4:52
I see it, but i can't see the parent div or your site html structure..
– Manish Patel
Jan 1 at 4:54
Content not stretch to full width, because max-width is set in p ` .text-content p{max-width: 42rem;}`
– Manish Patel
Jan 1 at 4:59
add a comment |
Can you share some code?
– Manish Patel
Jan 1 at 4:50
Hi Manish you can check the image I setmargin/width/padding/text-align
.
– mzoz
Jan 1 at 4:52
I see it, but i can't see the parent div or your site html structure..
– Manish Patel
Jan 1 at 4:54
Content not stretch to full width, because max-width is set in p ` .text-content p{max-width: 42rem;}`
– Manish Patel
Jan 1 at 4:59
Can you share some code?
– Manish Patel
Jan 1 at 4:50
Can you share some code?
– Manish Patel
Jan 1 at 4:50
Hi Manish you can check the image I set
margin/width/padding/text-align
.– mzoz
Jan 1 at 4:52
Hi Manish you can check the image I set
margin/width/padding/text-align
.– mzoz
Jan 1 at 4:52
I see it, but i can't see the parent div or your site html structure..
– Manish Patel
Jan 1 at 4:54
I see it, but i can't see the parent div or your site html structure..
– Manish Patel
Jan 1 at 4:54
Content not stretch to full width, because max-width is set in p ` .text-content p{max-width: 42rem;}`
– Manish Patel
Jan 1 at 4:59
Content not stretch to full width, because max-width is set in p ` .text-content p{max-width: 42rem;}`
– Manish Patel
Jan 1 at 4:59
add a comment |
1 Answer
1
active
oldest
votes
Remove max-width style
.text-content p {
box-sizing: border-box;
/* max-width: 42rem; */
wow it works thank you very much!
– mzoz
Jan 1 at 5:02
You’re welcome!
– Mohammed Ibraheem
Jan 1 at 5:10
add a comment |
Your Answer
StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53993032%2fset-page-content-text-to-full-width%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
Remove max-width style
.text-content p {
box-sizing: border-box;
/* max-width: 42rem; */
wow it works thank you very much!
– mzoz
Jan 1 at 5:02
You’re welcome!
– Mohammed Ibraheem
Jan 1 at 5:10
add a comment |
Remove max-width style
.text-content p {
box-sizing: border-box;
/* max-width: 42rem; */
wow it works thank you very much!
– mzoz
Jan 1 at 5:02
You’re welcome!
– Mohammed Ibraheem
Jan 1 at 5:10
add a comment |
Remove max-width style
.text-content p {
box-sizing: border-box;
/* max-width: 42rem; */
Remove max-width style
.text-content p {
box-sizing: border-box;
/* max-width: 42rem; */
answered Jan 1 at 4:58
Mohammed IbraheemMohammed Ibraheem
162
162
wow it works thank you very much!
– mzoz
Jan 1 at 5:02
You’re welcome!
– Mohammed Ibraheem
Jan 1 at 5:10
add a comment |
wow it works thank you very much!
– mzoz
Jan 1 at 5:02
You’re welcome!
– Mohammed Ibraheem
Jan 1 at 5:10
wow it works thank you very much!
– mzoz
Jan 1 at 5:02
wow it works thank you very much!
– mzoz
Jan 1 at 5:02
You’re welcome!
– Mohammed Ibraheem
Jan 1 at 5:10
You’re welcome!
– Mohammed Ibraheem
Jan 1 at 5:10
add a comment |
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53993032%2fset-page-content-text-to-full-width%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
eTzEt1,fM8Lie6nef2YE,TXqWBsUTYQkF7iJZngaR5uIB4T41nVZsBwMUkGtPsFaqlpiSpWQR
Can you share some code?
– Manish Patel
Jan 1 at 4:50
Hi Manish you can check the image I set
margin/width/padding/text-align
.– mzoz
Jan 1 at 4:52
I see it, but i can't see the parent div or your site html structure..
– Manish Patel
Jan 1 at 4:54
Content not stretch to full width, because max-width is set in p ` .text-content p{max-width: 42rem;}`
– Manish Patel
Jan 1 at 4:59