Content.jsp is displayed in a small left top corner area, not full of the page with white background. How do I set the CSS?
Here is my Index.html; it made up of four JSP files. The three JSP files are placed correctly with the black background, and only content.jsp is weird to show only in the left top corner part with the white background.
**#content
float: left;
**
<div id="header">
<iframe frameborder="0" src="/header.jsp" name="header"></iframe>
</div>
<div id="nav">
<iframe frameborder="0" src="/navigator.jsp" name="nav"></iframe>
</div>
**<div id="content">**
**<iframe frameborder="0" src="/content.jsp" name="content";>**</iframe>
</div>
<div id="footer">
<iframe frameborder="0" src="/footer.jsp" name="footer"></iframe>
</div>
Content.jsp is below:
li
list-style:none;
padding:0px 5px;
margin:0;
display:block;
float:left;
<ul>
<c:forEach items="$page.bookList" var="book">
<li>
<a href="/book?method=book_detalis&b_id=$book.b_id" ><img src="/$book.image_path">
$book.name<br>$book.price</a>
</li>
</c:forEach>
</ul>
I ask for a piece of HTML element properties code in Index.html or Content.jsp that makes content.jsp to display fully.
The problem screenshot is below:
html css frontend
edited Nov 14 '18 at 19:17
Peter Mortensen
13.7k1986112
asked Nov 12 '18 at 7:27
Ace AceAce Ace
277
add a comment |
Here is my Index.html; it made up of four JSP files. The three JSP files are placed correctly with the black background, and only content.jsp is weird to show only in the left top corner part with the white background.
**#content
float: left;
**
<div id="header">
<iframe frameborder="0" src="/header.jsp" name="header"></iframe>
</div>
<div id="nav">
<iframe frameborder="0" src="/navigator.jsp" name="nav"></iframe>
</div>
**<div id="content">**
**<iframe frameborder="0" src="/content.jsp" name="content";>**</iframe>
</div>
<div id="footer">
<iframe frameborder="0" src="/footer.jsp" name="footer"></iframe>
</div>
Content.jsp is below:
li
list-style:none;
padding:0px 5px;
margin:0;
display:block;
float:left;
<ul>
<c:forEach items="$page.bookList" var="book">
<li>
<a href="/book?method=book_detalis&b_id=$book.b_id" ><img src="/$book.image_path">
$book.name<br>$book.price</a>
</li>
</c:forEach>
</ul>
I ask for a piece of HTML element properties code in Index.html or Content.jsp that makes content.jsp to display fully.
The problem screenshot is below:
html css frontend
edited Nov 14 '18 at 19:17
Peter Mortensen
13.7k1986112
asked Nov 12 '18 at 7:27
Ace AceAce Ace
277
4
Not sure what your actual problem is; but using multiple iframes to build the overall structure of a site (what it looks like here with your frames loading a navigation, a footer etc. by the names of it) is not a good way to go about things to begin with.
– misorude
Nov 12 '18 at 7:35
add a comment |
Here is my Index.html; it made up of four JSP files. The three JSP files are placed correctly with the black background, and only content.jsp is weird to show only in the left top corner part with the white background.
**#content
float: left;
**
<div id="header">
<iframe frameborder="0" src="/header.jsp" name="header"></iframe>
</div>
<div id="nav">
<iframe frameborder="0" src="/navigator.jsp" name="nav"></iframe>
</div>
**<div id="content">**
**<iframe frameborder="0" src="/content.jsp" name="content";>**</iframe>
</div>
<div id="footer">
<iframe frameborder="0" src="/footer.jsp" name="footer"></iframe>
</div>
Content.jsp is below:
li
list-style:none;
padding:0px 5px;
margin:0;
display:block;
float:left;
<ul>
<c:forEach items="$page.bookList" var="book">
<li>
<a href="/book?method=book_detalis&b_id=$book.b_id" ><img src="/$book.image_path">
$book.name<br>$book.price</a>
</li>
</c:forEach>
</ul>
I ask for a piece of HTML element properties code in Index.html or Content.jsp that makes content.jsp to display fully.
The problem screenshot is below:
html css frontend
edited Nov 14 '18 at 19:17
Peter Mortensen
13.7k1986112
asked Nov 12 '18 at 7:27
Ace AceAce Ace
277
Here is my Index.html; it made up of four JSP files. The three JSP files are placed correctly with the black background, and only content.jsp is weird to show only in the left top corner part with the white background.
**#content
float: left;
**
<div id="header">
<iframe frameborder="0" src="/header.jsp" name="header"></iframe>
</div>
<div id="nav">
<iframe frameborder="0" src="/navigator.jsp" name="nav"></iframe>
</div>
**<div id="content">**
**<iframe frameborder="0" src="/content.jsp" name="content";>**</iframe>
</div>
<div id="footer">
<iframe frameborder="0" src="/footer.jsp" name="footer"></iframe>
</div>
Content.jsp is below:
li
list-style:none;
padding:0px 5px;
margin:0;
display:block;
float:left;
<ul>
<c:forEach items="$page.bookList" var="book">
<li>
<a href="/book?method=book_detalis&b_id=$book.b_id" ><img src="/$book.image_path">
$book.name<br>$book.price</a>
</li>
</c:forEach>
</ul>
I ask for a piece of HTML element properties code in Index.html or Content.jsp that makes content.jsp to display fully.
The problem screenshot is below:
html css frontend
html css frontend
edited Nov 14 '18 at 19:17
Peter Mortensen
13.7k1986112
asked Nov 12 '18 at 7:27
Ace AceAce Ace
277
edited Nov 14 '18 at 19:17
Peter Mortensen
13.7k1986112
asked Nov 12 '18 at 7:27
Ace AceAce Ace
277
edited Nov 14 '18 at 19:17
Peter Mortensen
13.7k1986112
edited Nov 14 '18 at 19:17
Peter Mortensen
13.7k1986112
edited Nov 14 '18 at 19:17
Peter Mortensen
13.7k1986112
13.7k1986112
asked Nov 12 '18 at 7:27
Ace AceAce Ace
277
asked Nov 12 '18 at 7:27
Ace AceAce Ace
277
asked Nov 12 '18 at 7:27
Ace AceAce Ace
277
277
4
Not sure what your actual problem is; but using multiple iframes to build the overall structure of a site (what it looks like here with your frames loading a navigation, a footer etc. by the names of it) is not a good way to go about things to begin with.
– misorude
Nov 12 '18 at 7:35
add a comment |
4
Not sure what your actual problem is; but using multiple iframes to build the overall structure of a site (what it looks like here with your frames loading a navigation, a footer etc. by the names of it) is not a good way to go about things to begin with.
– misorude
Nov 12 '18 at 7:35
4
4
Not sure what your actual problem is; but using multiple iframes to build the overall structure of a site (what it looks like here with your frames loading a navigation, a footer etc. by the names of it) is not a good way to go about things to begin with.
– misorude
Nov 12 '18 at 7:35
Not sure what your actual problem is; but using multiple iframes to build the overall structure of a site (what it looks like here with your frames loading a navigation, a footer etc. by the names of it) is not a good way to go about things to begin with.
– misorude
Nov 12 '18 at 7:35
add a comment |
1 Answer
1
active
oldest
votes
There seems to be nothing to specify the size of the iframe so it defaults to a small area.
iframe
width: 100%;
See this question for more:
Full-screen iframe with a height of 100%
answered Nov 14 '18 at 19:23
Kevin PankoKevin Panko
6,93994253
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%2f53257549%2fcontent-jsp-is-displayed-in-a-small-left-top-corner-area-not-full-of-the-page-w%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
There seems to be nothing to specify the size of the iframe so it defaults to a small area.
iframe
width: 100%;
See this question for more:
Full-screen iframe with a height of 100%
answered Nov 14 '18 at 19:23
Kevin PankoKevin Panko
6,93994253
add a comment |
There seems to be nothing to specify the size of the iframe so it defaults to a small area.
iframe
width: 100%;
See this question for more:
Full-screen iframe with a height of 100%
answered Nov 14 '18 at 19:23
Kevin PankoKevin Panko
6,93994253
add a comment |
There seems to be nothing to specify the size of the iframe so it defaults to a small area.
iframe
width: 100%;
See this question for more:
Full-screen iframe with a height of 100%
answered Nov 14 '18 at 19:23
Kevin PankoKevin Panko
6,93994253
There seems to be nothing to specify the size of the iframe so it defaults to a small area.
iframe
width: 100%;
See this question for more:
Full-screen iframe with a height of 100%
answered Nov 14 '18 at 19:23
Kevin PankoKevin Panko
6,93994253
answered Nov 14 '18 at 19:23
Kevin PankoKevin Panko
6,93994253
answered Nov 14 '18 at 19:23
Kevin PankoKevin Panko
6,93994253
answered Nov 14 '18 at 19:23
Kevin PankoKevin Panko
6,93994253
6,93994253
add a comment |
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%2f53257549%2fcontent-jsp-is-displayed-in-a-small-left-top-corner-area-not-full-of-the-page-w%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
4
Not sure what your actual problem is; but using multiple iframes to build the overall structure of a site (what it looks like here with your frames loading a navigation, a footer etc. by the names of it) is not a good way to go about things to begin with.
– misorude
Nov 12 '18 at 7:35