- Joined
- Apr 10, 2016
- Messages
- 4
- Reaction score
- 0
Trying to figure out some 'unexpected' behaviour in my coding...
My Dreamweaver (CS3) WYSIWIG renders it as I'd expect but my Browser doesn't
So Im guessing some later/stricter rendering of the protocols.
My basic HTML structure looks like this:
<div id="frame-container" >
<div id="sidebar"> .... </div>
<div id="content"> .... </div>
<div id="footing"> .... </div>
</div>
CSS:
#frame-container {
width: 960px; padding: 0; margin: 0; border: 0;
background-image: url("../images/background.png");
background-repeat: repeat-y;
}
#sidebar {
width: 177px; padding: 0; margin: 0; border: 0;
float: left;
}
#content {
width: 783px; padding: 0; margin: 0; border: 0;
float: left; }
#footing {
width: 960px; padding: 0; margin: 0; border: 0;
float: left;
height: 200px;
background-color: #464646;
}
What is happening is:
The underlying Background Repeat in <frame-container> finishes level with the bottom of the <content>
Even if the <sidebar> has more content and extends below the <content>
And in any event does not extend down behind the <footing> which is what I was expecting
(and what my WYSIWIG editor is rendering).
Is there any obvious misunderstanding that I have here about how this should work?
Edit: Further investigation suggests that the <frame container> isn't wrapping around the other <divs>
Do I need to assign the 'internal' <divs> to the external container somehow - not just imbed them in the html ?
My Dreamweaver (CS3) WYSIWIG renders it as I'd expect but my Browser doesn't
So Im guessing some later/stricter rendering of the protocols.
My basic HTML structure looks like this:
<div id="frame-container" >
<div id="sidebar"> .... </div>
<div id="content"> .... </div>
<div id="footing"> .... </div>
</div>
CSS:
#frame-container {
width: 960px; padding: 0; margin: 0; border: 0;
background-image: url("../images/background.png");
background-repeat: repeat-y;
}
#sidebar {
width: 177px; padding: 0; margin: 0; border: 0;
float: left;
}
#content {
width: 783px; padding: 0; margin: 0; border: 0;
float: left; }
#footing {
width: 960px; padding: 0; margin: 0; border: 0;
float: left;
height: 200px;
background-color: #464646;
}
What is happening is:
The underlying Background Repeat in <frame-container> finishes level with the bottom of the <content>
Even if the <sidebar> has more content and extends below the <content>
And in any event does not extend down behind the <footing> which is what I was expecting
(and what my WYSIWIG editor is rendering).
Is there any obvious misunderstanding that I have here about how this should work?
Edit: Further investigation suggests that the <frame container> isn't wrapping around the other <divs>
Do I need to assign the 'internal' <divs> to the external container somehow - not just imbed them in the html ?
Last edited: