Forums > DIV Problem

Help - Search - Members - Calendar

Full Version: DIV Problem

Forums > Resource Center > Webmasters' Corner > Webmasters' Corner Resolved Topics

funride

Aug 14 2010, 02:28 PM

So I have a little bit of a problem, I'm coding a layout and I need the

CODE

to directly align with the

CODE

. 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.

schizo

Aug 14 2010, 08:57 PM

...What are you trying to do, exactly? That's one sloppy code, son.

funride

Aug 15 2010, 12:36 AM

I solved the problem, you can close this is if you want, and I made it neater. Haha.

manny-the-dino

Aug 15 2010, 01:04 AM

Topic Closed and Moved

This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.