DIV layers. Options

[annalucky]

Anyone know how to fix this?

It keeps pushing the other layer down as I add more text.

Attached File(s)

 screen.jpg ( 106.88K ) Number of downloads: 0

 

[Kenado]

I don't think you can since uhm I'm not sure if I'm saying this right, but the blogs are positioned relative the the modules so if you add more text to the modules your blog HAS to go down, I believe there is no way since it works the same exact way when coding a website just move up the blogbody everytime you add more text. I'm not sure if what I just said was right though. o.o

[talcumpowder]

Set a fixed height to the sidebar...? Like height: 100px; or whatever. I'd like to see your code.

[annalucky]

<!-- begin code provided by createblog.com --><br /><div align="center" class="module" style="position:absolute; overflow: visible; width: 175px;margin-top: -1100px; margin-left:-675px;"><br /><BR><BR>dkjshakljfakdsj<br />flkajdflakjf<BR>kdajfkld<BR>ajf;ldakjfdklajfl;ajfdlakf<BR>dsafadfafdadfasfasfda</div><br /><div class="blogbody" style=" z-index: 1; position:static; overflow: none; width: 500px; height: 100%; margin-left:90px; margin-top: 0px;"><br /><!-- end code provided by createblog.com -->

Here's that part of it.

[talcumpowder]

I kinda wanted the whole thing. To compare.

[annalucky]

ahahaha. Sorry.

<!-- begin code provided by createblog.com --><br /><div style="margin-top: -150px; margin-left: 41px; background-color: transparent;"><br /><br /><br><br><br><br><br><br><br><br><br><br><br><br><br><br /><img oncontextmenu="return false" onselectstart="return false" src="http://img.photobucket.com/albums/v58/kawaii_ana/tarepanda.jpg" border="0"><img oncontextmenu="return false" onselectstart="return false" src="http://img.photobucket.com/albums/v58/kawaii_ana/bgcon4.jpg" border="0"><img oncontextmenu="return false" onselectstart="return false" src="http://img.photobucket.com/albums/v58/kawaii_ana/bgcon4.jpg" border="0"><br /><img oncontextmenu="return false" onselectstart="return false" src="http://img.photobucket.com/albums/v58/kawaii_ana/end.jpg" border="0"></div><br /><br /><style type="text/css"><br />body {<br /> scrollbar-arrow-color: #B8B8B8;<br /> scrollbar-track-color: #FFFFFF;<br /> scrollbar-shadow-color: #B8B8B8;<br /> scrollbar-face-color: #535353;<br /> scrollbar-highlight-color: #B8B8B8;<br /> scrollbar-darkshadow-color: #FFEBEA;<br /> scrollbar-3dlight-color: #FFEBEA; <br /> }<br /><br />.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p {<br />/* edits main text */<br /> font:normal 11px terminal;<br /> line-height:10px;<br /> color: #000000;<br /> letter-spacing:0px;<br /> text-align:justify;<br /> }<br /><br />table.footer TD {<br />/* this makes the footer at the bottom centered */<br />/* leave it alone unless you know what to do*/<br /> text-align: center;<br /> }<br /><br />div.blogheader, .caption {<br />/* edits the dates */<br /> font-family: verdana;<br /> text-transform: lowercase;<br /> font-size: 14px;<br /> line-height: 13px;<br /> font-weight: bold;<br /> color: #000000;<br /> letter-spacing: 0px;<br /> background-color: transparent;<br /> text-align: right;<br /> width:470px;<br /> }<br /><br />a:link, .footernav.link, a.footernav:link, a.footernav:active {<br />/* edits all links */<br /> color: #535353;<br /> text-decoration: none;<br /> }<br /><br />a:visited, a.footernav:visited,  {<br />/* edits the links that the user has visited */<br /> color: #535353; <br /> text-decoration: none;<br /> }<br /><br />a:hover {<br />/* edits when user mouseovers the links */<br /> color: #B8B8B8;<br /> cursor: crosshair;<br /> text-decoration: line-through;<br /> }<br /><br />input, select, textarea, .textfield, .button {<br />/* this edits the buttons, dropdowns, etc. */<br /> border: 1px solid #B8B8B8;<br /> font:normal 11px verdana;<br /> background-color: #000000;<br /> letter-spacing:0px;<br /> color: #535353;<br /> }<br /><br />table.left { <br />/* this edits the menu module */<br /> border: 1px solid #B8B8B8;<br /> width:190px;<br />  background-color: #000000;<br /> }<br /><br />table.blogbody, .blogbody<br />{font: 10px arial;<br />letter-spacing: 0px;<br />color: #5B5B5B;<br />line-height: 10pt;<br />text-align: justify;<br />padding: 3px;<br />width: 480px;}<br /><br />table.left th {<br />/* on your menu module, this edits the title part of it */<br />/* like BLOGRINGS, POSTING CALENDAR, etc */<br /> background-color: #000000;<br /> font: 11px verdana;<br /> text-transform: none;<br /> color: #B8B8B8;<br /> border: none;<br /> }<br />table.left TD {<br />/* on your menu module, this edits the body part of it */<br /> background-color: #000000;<br /> border: none;<br /> }<br /><br />table.search TD, table.search, table.announcements {<br />/* border of search bar (if you have it) */<br /> background-color: #FFFFFF; <br /> border: 1px solid #B8B8B8;<br /> }<br />table.search TD, table.announcements TH {<br />/* this should be left alone */<br />/* unless you know what to do */<br /> border: 0px solid #B8B8B8;<br /> }<br />table.navigation, table.main, table.footer {<br />/* the width of your blog with modules */<br /> width: 555px;<br /> }<br />hr {<br />/* horizontal divider */<br /> border: 1px solid #FFFFFF;<br /> }<br />table.footer {display: none;} <br /> }<br />.mainleft {display: none;}<br /></style><br /><br /><br /><div align="center" class="module" style="position:absolute; overflow: visible; width: 175px;margin-top: -1100px; margin-left:-675px;"><br /><BR><BR>dkjshakljfakdsj<br />flkajdflakjf<BR>kdajfkld<BR>ajf;ldakjfdklajfl;ajfdlakf<BR>dsafadfafdadfasfasfda</div><br /><div class="blogbody" style=" z-index: 1; position:static; overflow: none; width: 500px; height: 100%; margin-left:90px; margin-top: 0px;"><br /><!-- end code provided by createblog.com -->