DIV Problem |
DIV Problem |
Aug 14 2010, 02:28 PM
Post
#1
|
|
Funride.org Group: Member Posts: 326 Joined: Jul 2007 Member No: 542,299 |
So I have a little bit of a problem, I'm coding a layout and I need the
CODE <div class="sbody"> to directly align with the CODE <div id="side"> . But so far I have no such luck. A preview is at http://matt-lanter.org/katyperrylayout/ And my code is here CODE <head> <html> <!-- PUT THIS TAG IN THE head SECTION --> <script type="text/javascript" src="http://partner.googleadservices.com/gampad/google_service.js"> </script> <script type="text/javascript"> GS_googleAddAdSenseService("ca-pub-7892222271864999"); GS_googleEnableAllServices(); </script> <script type="text/javascript"> GA_googleAddSlot("ca-pub-7892222271864999", "FlauntLightSky"); </script> <script type="text/javascript"> GA_googleFetchAds(); </script> <!-- END OF TAG FOR head SECTION --> <title>Simply Katy Perry - Your Backyard Source For Everything Katy Perry</title> <link rel="icon" href="/images/LAicon.ico" type="image/x-icon" /> <link rel="SHORTCUT ICON" href="/LA.ico" type="image/x-icon" /> <style type="text/css" media="screen"> @import url( '/katyperrylayout/style.css' ); </style> <style> body{ background-color:#a39794; color:#fff;font-family: Verdana; font-size: 10px; color:#000000; background-image:url(/katyperrylayout/bg.png); background-repeat: repeat-x;} #main{ left:300px; top:400px; width:401px; position:absolute;} <!-HEADER DIVS BEGIN-!> .base{ background: url('http://matt-lanter.org/katyperrylayout/body.png') repeat-y; background-color: #9a8d8a; width: 259px; height: 100%; overflow: auto; font-family:verdana; font-size:10px; color:#000; } #side{ left:50px; top:400px; width:220px; position:absolute;} #welcome{ left:346px; top:190px; width:239px; position:absolute;} .sbody { margin-bottom:0px; padding-left:3px; background-color : #ffffff; background-image: url('http://matt-lanter.org/katyperrylayout/body.png'); background-repeat: repeat; overflow:auto; height:100%; padding: 6px; padding-bottom: 15px; padding-right : 3px; width : 100%; } </style> </head><body> <div style="overflow: visible; position: absolute; left: 0; top: 0"> <img id="Image-Maps_6201007070406412" src="http://matt-lanter.org/katyperrylayout/katyperry.png" usemap="#Image-Maps_6201007070406412" border="0" width="1120" height="614" alt="" /> <map id="_Image-Maps_6201007070406412" name="Image-Maps_6201007070406412"> <area shape="rect" coords="602,108,663,166" href="news" alt="" title="" /> <area shape="rect" coords="601,177,662,235" href="bio" alt="" title="" /> <area shape="rect" coords="602,251,663,309" href="site" alt="" title="" /> <area shape="rect" coords="998,598,1000,600" href="http://www.image-maps.com/index.php?aff=mapped_users_6201007070406412" alt="Image Map" title="Image Map" /> </map> <!-- Image map text links - End - --> </div> <div id="welcome"><font color="ffffff"> Hello and welcome to Esmee Philippines your Ultimate Source all things Esmee Denters. Here we try to provide you with all the latest Esmee News Multimedia and much more. Enjoy your stay and come back soon. - Keith</font> </div> <div id="main"> <div class=base> <h1>Post Name</h1><h2>Posted on Jan 3 2010 by Keith</h2> Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text. Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text. Text Text Text Text Text Text Text <u>Text Text Text</u> Text Text Text Text Text Text.<br> <br><i>Italic!</i> <u>Undelined!</u> <b>Bold!</b> <br /> </div></div> <div id="side"> <img src="http://matt-lanter.org/katyperrylayout/currentprojectsheader.png" alt="" border="0"> <div class="sbody"> TEXT TEXT TEXT<br> TEXT TEXT TEXT<br> TEXT TEXT TEXT<br><br> TEXT TEXT TEXT<br> TEXT TEXT TEXT<br> TEXT TEXT TEXT<br><br> TEXT TEXT TEXT<br> TEXT TEXT TEXT<br> TEXT TEXT TEXT<br><br> TEXT TEXT TEXT<br> TEXT TEXT TEXT<br> TEXT TEXT TEXT<br><br> </div> <img src="http://matt-lanter.org/katyperrylayout/footer.png" alt="" border="0"> </div> </html> Thanks for the help. |
|
|
Aug 14 2010, 08:57 PM
Post
#2
|
|
Senior Member Group: Staff Alumni Posts: 2,435 Joined: Feb 2007 Member No: 506,205 |
...What are you trying to do, exactly? That's one sloppy code, son.
|
|
|
Aug 15 2010, 12:36 AM
Post
#3
|
|
Funride.org Group: Member Posts: 326 Joined: Jul 2007 Member No: 542,299 |
I solved the problem, you can close this is if you want, and I made it neater. Haha.
|
|
|
Aug 15 2010, 01:04 AM
Post
#4
|
|
Senior Member Group: Administrator Posts: 8,629 Joined: Jan 2007 Member No: 498,468 |
Topic Closed and Moved
|
|
|