How to resize the contentplaceholder?

[onechuck]

Is there a way to resize the contentplaceholder without using table and/or div? I'm coming from Macrmedia DreamWeaver and in DW's editable region, there is no specific size that is required.

 

[ca8msm]

A ContentPlaceHolder doesn't render any HTML so it doesn't matter what size it is (it's size in the designer will be determined by any container that it is placed in).


____________________________________________________________

Need help finding an answer?

Try the Search Facility or read FAQ222-2244 on how to get better results.

 

[onechuck]

Thank you for the response. From other threads I've read off the Internet, that seems to be the answer...the problem is that it doesn't work in my case.

Here's what I have:

<div id="header">
<h1>
<asp:ContentPlaceHolder ID="header" runat="server">Header goes here</asp:ContentPlaceHolder>
</h1>
<p>
<asp:ContentPlaceHolder ID="Content" runat="server">breadcrumb goes here</asp:ContentPlaceHolder>
</div>
<div id="content">
<asp:ContentPlaceHolder ID="Content" runat="server">
</asp:ContentPlaceHolder>
</div>
And here's part of the CSS that controls the header DIV:

/* #header defines page title with subsite breadcrumbs */
#header {
padding: 0;
margin: 0;
color: #fff;
background: #006; /* default administrative color */
}
body.second #header { margin: 0 0 0 200px; }
#header a { color: #0000ff; }
#header p {
padding: 5px 25px;
font-size: 1.0em;
margin:0;
color: #000;
background-color:#ddf; /* default administrative shade */
}
/* end #header */

h2, h3, h4, h5 {
font-family: Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
color: #333;
}
#header h1 {
margin: 0;
font-size: 2.0em;
padding: 20px 25px;
}
body.main #header h1 {
padding: 0;
display: block;
height: 120px;
text-indent: -9999px;
}
#content h2, #nav h2 {
font-size: 1.7em;
margin: 0;
padding: 0 0 2px;
border-bottom: 1px solid #006;
}
h3 { font-size: 1.4em; }
h4 { font-size: 1.2em; }
h5 { font-size: 1.0em; }
h6 { font-size: 0.8em; }

And here's the Content section:

/* #content holds the page content */
#content { margin: 0; }
body.main #content {
padding: 5px 5px 5px 10px;
width: 450px;
\width: 470px;
w\idth: 450px;
}
body.second #content {
padding: 5px 15px;
margin-left: 210px;
width: 470px;
\width: 500px;
w\idth: 470px;
}
body.third #content {
padding: 5px 15px;
margin-left: 10px;
width: 570px;
\width: 600px;
w\idth: 570px;
}
/* end #content */

Anyway when the breadcrumb contentplaceholder and header is put on, the all three contentplaceholder shift all the way to the bottom of the page and I can't even preview. There are errors when trying to preview.

 

[onechuck]

Sorry, this:

<asp:ContentPlaceHolder ID="Content" runat="server">breadcrumb goes here</asp:ContentPlaceHolder>

Is this:

<asp:ContentPlaceHolder ID="breadcrumb" runat="server">breadcrumb goes here</asp:ContentPlaceHolder>