Member Avatar for sk8ergirl

Hello,
I was doing my project today and when I start typing in this page this happen


I don't know why did this happen is their someting wrong with my template

also there is another probelme even though I only made the content is editable I still can edit and change the sidebar and navigation
how can I fix these problem

thank you in advance ^^

  • 3 Contributors
  • 5 Replies
  • 91 Views
  • 14 Hours Discussion Span
  • Latest Post Latest Post by sk8ergirl

Dani AI

Generated

The pink wrapper not growing and the template updates not propagating are two separate issues that often appear together. As noted, the wrapper is constrained so extra text escapes its visual area; common causes beyond a fixed numeric height include floated children that the parent does not contain, absolutely positioned elements, or a parent further up the DOM imposing a limit. A quick way to confirm which rule is responsible is to use the browser inspector and toggle suspect properties off to see which change makes the wrapper expand.

Practical checks and fixes:

  • Put temporary outlines or background colors on the wrapper and its direct children so you can see which element stays fixed while content flows out.
  • If child elements are floated, make the parent contain them (a small clearfix applied to the parent will fix most float-collapse cases). For example:
    .clearfix::after {
content: "";
display: table;
clear: both;
}
  • Check for absolutely positioned children or overly wide elements (images, long strings) that push layout.
  • Consider modern layout approaches (flexbox or grid) for side-by-side content so heights align naturally instead of relying on fixed box sizes.

Template update troubleshooting (Dreamweaver):

  • Make sure the template file was saved after edits and that the pages you expect to update are still attached to that template. Pages can lose their link to the template if they were edited outside the defined editable regions or were moved/copied outside the site root Dreamweaver knows about.
  • Open an affected page and confirm it still references the template; if it does not, reattach the template or reapply the header/footer blocks.
  • If files exist on a server, confirm local files were updated and uploaded; mismatched file copies are a frequent cause.

Note: WYSIWYG editors can hide these relationships; using code view for template work and learning how editable regions work reduces surprises. s point about cleaner markup has merit, but templates and the browser inspector are the fastest way to diagnose what is actually constraining the layout.

Recommended Answers

All 5 Replies

Member Avatar for hericles

It looks like your containing div (with the pink background has a set height to it. The text you added pushed the content beyond that height limit.
You can change the height of the div to something like height:auto (so it is always just as big as it needs to be) or use min-height: some value if it requires a set minimum.

Member Avatar for dany12

Code manualy don't use dreamweaver or other stuff like wysiwyg editors they will not make your website easy to modify or read

Member Avatar for sk8ergirl

thank you for your help , but I messed up every think I tried both mini-height and height auto , but the problem is that every page have diffrent amont of contnet

Member Avatar for hericles

Then use height: auto. the div will always be the size of the content plus any padding you have added.

Member Avatar for sk8ergirl

thank you it worked ^^
I got another problem I've made change in my template and now I want to apply the changes to all of my pages when Select Modify > Templates > Update Pages. nothing change

Edited by sk8ergirl
Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.