Hi all,
I can't get a <div> with an auto-adjustable height. So when my <div> overflows due to it's content the <div> background isn't overflowing offcource. And i want the div's content thats overflowing that the <div> height adjust to it's content. What can possible be a solution?
(another problem is that I can't get the design-bottom <div> lined after the design-center <div>)
see the problem in action at: (maximize your browser window to see the bug)
HTML:
<!-- m --><a class="postlink" href="http://kandilemas.nl/floris/index.html">http://kandilemas.nl/floris/index.html</a><!-- m -->
CSS:
<!-- m --><a class="postlink" href="http://kandilemas.nl/floris/style.css">http://kandilemas.nl/floris/style.css</a><!-- m -->
thank you in advance!please can u post your css? my text editor isnt liking most of the characters, in the css file that is.Hi -
If the background was a gradient bar instead of an image with a particular width and height, then it'd be easy to just set the width of the div and let content take care of the rest - still used as a background w/ css.
You could also make all those paragraphs one <p> that has a set width and height w/ overflow:scroll; - just use some <br /> tags as needed.
I think you might be "overplacing", a the normal flow [or 'cascade'] of an .html doc is top to bottom, with block elements [like <div> and <p>] naturally going one right after/below the other. Just set widths at 100% of their container element or whatever, and they should work fine...get a !DOCTYPE, too - to help the browser out.
Nice design!
ElYou've got a couple of things that will be a problem for you. First, you need a valid doctype. Then you're a little over-div-ed in several places. E.g.,
<div id="design-center-title-text">
<h2>Over mij</h2>
</div>
Paragraphs should be left as such. Your primary problem is probably being overly absolute positioned. Try working it first with no positioning, then relative, finally absolute as a last resort.I've changed it, and it works! whoohoo, thanks!
Changing layers position to absolute/relative did it
Well.. it works in Firefox, Opera, and Netscape. In IE the textual-content layer jumps a bit to the right.
What could cause this new problem?Okay the whole design is bug-free now, thanks for your advices!
I can't get a <div> with an auto-adjustable height. So when my <div> overflows due to it's content the <div> background isn't overflowing offcource. And i want the div's content thats overflowing that the <div> height adjust to it's content. What can possible be a solution?
(another problem is that I can't get the design-bottom <div> lined after the design-center <div>)
see the problem in action at: (maximize your browser window to see the bug)
HTML:
<!-- m --><a class="postlink" href="http://kandilemas.nl/floris/index.html">http://kandilemas.nl/floris/index.html</a><!-- m -->
CSS:
<!-- m --><a class="postlink" href="http://kandilemas.nl/floris/style.css">http://kandilemas.nl/floris/style.css</a><!-- m -->
thank you in advance!please can u post your css? my text editor isnt liking most of the characters, in the css file that is.Hi -
If the background was a gradient bar instead of an image with a particular width and height, then it'd be easy to just set the width of the div and let content take care of the rest - still used as a background w/ css.
You could also make all those paragraphs one <p> that has a set width and height w/ overflow:scroll; - just use some <br /> tags as needed.
I think you might be "overplacing", a the normal flow [or 'cascade'] of an .html doc is top to bottom, with block elements [like <div> and <p>] naturally going one right after/below the other. Just set widths at 100% of their container element or whatever, and they should work fine...get a !DOCTYPE, too - to help the browser out.
Nice design!
ElYou've got a couple of things that will be a problem for you. First, you need a valid doctype. Then you're a little over-div-ed in several places. E.g.,
<div id="design-center-title-text">
<h2>Over mij</h2>
</div>
Paragraphs should be left as such. Your primary problem is probably being overly absolute positioned. Try working it first with no positioning, then relative, finally absolute as a last resort.I've changed it, and it works! whoohoo, thanks!
Changing layers position to absolute/relative did it
Well.. it works in Firefox, Opera, and Netscape. In IE the textual-content layer jumps a bit to the right.
What could cause this new problem?Okay the whole design is bug-free now, thanks for your advices!