Log In · Register

 
layout centering help, cant get it in all resolutions
sheertalentx
post Apr 22 2007, 10:30 PM
Post #1


Yes You Can Can Can
****

Group: Member
Posts: 103
Joined: Dec 2006
Member No: 488,190
QUOTE
<html>
<head>
<title>ViBRANCE | ATOMiCXKiSS</title>
<style type="text/css">
body {
font-family : veranda;
font-size : 12px;
color : #000000;
text-align : justify;
line-height : 13px;
background-color : #f2d6e2;
background-image : url(http://img.photobucket.com/albums/v444/xodramaqueenxo6/vibrancebg-1.jpg);
background-repeat : repeat;
}
.small {
background-color : #f2d6e2;
border : 1px dotted #fd8ac5;
width : 170px;
overflow : auto;
}
#left {
position : absolute;
top : 450px;
left : 760px;
overflow : auto;
}
#big {
position : absolute;
width : 425px;
border : 1px dotted #fd8ac5;
top : 450px;
background-color : #f2d6e2;
left : 329px;
overflow : auto;
}
a:link, a:visited, a:active {
font : 12px veranda;
color : #6b0126;
font-weight : bold;
text-decoration : none;
border-bottom : 0 dashed #000;
line-height : 12px;
}
a:hover {
font : 12px veranda;
color : #673f95;
font-weight : bold;
text-decoration : none;
border-bottom : 0 dashed #d5d4c3;
line-height : 12px;
}
.head {
font : 14px arial;
color : #fff;
font-weight : bold;
text-align : right;
line-height : 16px;
letter-spacing : 0;
background-color : #ff52a1;
border-bottom : 2px solid #ff94c9;
}
.head2 {
font : 20px georgia;
color : #ce0075;
text-transform : lowercase;
text-align : right;
line-height : 20px;
letter-spacing : 0;
background-color : transparent;
border-bottom : 3px dotted #ffffff;
}
.nav:link, .nav:active, .nav:visited {
color : #000;
font : 18px georgia;
font-weight : normal;
text-decoration : none;
text-align : left;
background-color : #fe8ec8;
border-bottom : 0px dotted #fb539e;
letter-spacing : -1px;
line-height : 14px;
display : block;
}
.nav:hover {
color : #000;
font : 18px georgia;
font-weight : normal;
text-decoration : none;
text-align : left;
background-color : #f8e6ee;
border-bottom : 0px dotted #fb539e;
letter-spacing : -1px;
line-height : 14px;
display : block;
}
i, u {
color : #a273b2;
font-family : veranda;
font-size : 12px;
line-height : 13px;
}
b {
color : #c80047;
font-family : veranda;
font-size : 12px;
line-height : 13px;
}
strong {
color : #c80047;
font-family : veranda;
font-size : 14px;
line-height : 14px;
}
em {
color : #a273b2;
font-family : veranda;
font-size : 14px;
line-height : 14px;
}

</style>

</head>
<body>

<center><img src="http://img.photobucket.com/albums/v444/xodramaqueenxo6/vibranceheader2-1.jpg"></center>

<div id="left">
<div class="small">
<div class="head">I've Been KiSSED</div>
This site is basically my outlet and my blog. I will talk about a HUGE prethora of things on this site from good days to bad to relationships to whatever else! I hope you enjoy it!


<div class="head">Get KiSSED</div>
<a class="nav" href="http://www.atomicxkiss.net/index.php/">Blog</a>
<a class="nav" href="http://www.atomicxkiss.net/aboutme.php/">Webmistress</a>
<a class="nav" href="http://www.atomicxkiss.net/portfolio.php/">Portfolio</a>
<a class="nav" href="http://www.atomicxkiss.net/terms.php/">Visitor</a>
<a class="nav" href="http://www.atomicxkiss.net/about.php/">Domain</a>
<div class="head">ATOMiC Girl</div>
<img src="http://www.atomicxkiss.net/images/me.gif" align="left" />Nicole, 19, in a relationship, female, college student, works a desk job, singer, actress, hopeless romantic, in love, no smoking, no drinking, just fun
<br><center><a href="http://www.atomicxkiss.net/aboutme.php">More?</a></center>

<div class="head">KiSS Me</div>
<img src="http://www.atomicxkiss.net/images/icons/email.gif" alt="Icon By: Retro-Bella.net" title="Icon By: Retro-Bella.net" /> <a href="mailto:atomicx@atomicxkiss.net">Email Me</a><br />
<img src="http://www.atomicxkiss.net/images/icons/myspace.gif" alt="Icon By: Retro-Bella.net" title="Icon By: Retro-Bella.net" /> <a href="http://www.myspace.com/dramaxXxqueen" target="new">Myspace</a><br />
<img src="http://www.atomicxkiss.net/images/icons/aim.gif"> <a href="aim:goim?screenname=SheerTalentX&message=I+effing+love+your+site+!">SheerTalentX</a>

<div class="head">Newly KiSSED</div>
<center><a href="http://www.atomicxkiss.net/banners.php"><img src="http://img.photobucket.com/albums/v444/xodramaqueenxo6/musicicon2.gif" border="0"></a></center>

<div class="head">My Loves</div>
<center><a href="http://www.soapy-water.atomicxkiss.net/"><img src="http://img.photobucket.com/albums/v444/xodramaqueenxo6/cassia.gif" border="0"> <a href="http://char.valentia.nu/"><img src="http://img.photobucket.com/albums/v444/xodramaqueenxo6/charaffieicon.jpg" alt="Roseberia" border="0"></a> <a href="http://www.chroniclesofnaynay.net/color-my-world/"><img src="http://img.photobucket.com/albums/v444/xodramaqueenxo6/ciraraaffieicon.jpg" alt="Color My World" border="0"></a> <a href="http://www.sophistichiq.com/index.php"><img src="http://img.photobucket.com/albums/v444/xodramaqueenxo6/emmaaffieicon.jpg" alt="Sophistichiq" border="0"></a> <a href="http://www.silver-wildflower.atomicxkiss.net"/><img src="http://img.photobucket.com/albums/v444/xodramaqueenxo6/sadaffieicon.jpg" border="0"></a>
<br><br><a href="http://www.atomicxkiss.net/apply.php">Apply??</a></center>

<div class="head">Give My KiSSES</div>
<center>
<a href="http://www.atomicxkiss.net/" target="_blank"><img src="http://img.photobucket.com/albums/v444/xodramaqueenxo6/creditbutton.gif" alt="Credit Me!!" border="0" /></a>
<br><textarea cols="10" rows="2"><a href="http://www.atomicxkiss.net/" target="_blank"><img src="http://img.photobucket.com/albums/v444/xodramaqueenxo6/creditbutton.gif" alt="Credit Me!!" border="0" /></a></textarea>
</center>
<div class="head">Talk About Me</div>
<!-- BEGIN CBOX - http://www.cbox.ws -->
<div align="center" id="cboxdiv">
<iframe frameborder="0" width="160" height="125" src="http://www2.cbox.ws/box/?boxid=1479752&amp;boxtag=3802&amp;sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain" style="border: 0px solid;" id="cboxmain"></iframe><br/>
<iframe frameborder="0" width="160" height="75" src="http://www2.cbox.ws/box/?boxid=1479752&amp;boxtag=3802&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform" style="border: 0px solid;border-top:0px" id="cboxform"></iframe>
</div>
<!-- END CBOX -->

<div class="head">Harry Potter Countdown</div>
<embed src="http://www.myspacegeek.net/countdown/show.swf?clickURL=http://www.myspacegeek.net/countdown&clickLABEL=MySpaceGeek.net&pic=http://www.myspacegeek.net/countdown/themes/64.swf&text=HP%26TDH%20Release%0D&bgColor=13421772&untilColor=13421772&textColor=13421772&year=2007&month=7&day=21&hour=0&min=0&sec=0" quality="high" bgcolor="#ffffff" width="160" height="100" name="show" wmode="transparent" align="middle" allowScriptAccess="always" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />

<div class="head">Who's Being KiSSED</div>
<b>Layout:</b> v6.0 | ViBRANCE
<br><b>Online:</b> <script type="text/javascript" src="http://fastonlineusers.com/on3.php?d=http://www.atomicxkiss.net/index.php/"></script> Fan(s)
<br><b>Hits:</b> <a href="http://www.website-hit-counters.com/" target="_blank"><img src="http://www.website-hit-counters.com/cgi-bin/image.pl?URL=6692-7910" alt="website hit counter" border="0" ></a>


<div class="head">Uh-Oh</div>
All content was made by <a href="http://www.atomicxkiss.net/index.php"> Nicole</a>, unless stated otherwise in which case credit will be given. No copyright infrigment intended in any shape way or form.
<br><br>
<center><a href="http://jigsaw.w3.org/css-validator/">
<img style="border:0;width:80px;height:15px"
src="http://img.photobucket.com/albums/v444/xodramaqueenxo6/validcss-1.jpg"
alt="My CSS Is VALID!" />
</a></center>
</div></div>

<div id="big">


<html>
<head>

</head>


Okay so thats my coding...what am i doing wrong? it works fantasic in a 1280x800 resolution but not in a 1024x768 resolution! I'm not happy about it either! if you have any ideas please throw them at me! thanks so much!
 

Posts in this topic
Sheer Talent   layout centering help   Apr 22 2007, 10:30 PM
WHIMSICAL 0NE   In your div coding you could always change it to l...   Apr 24 2007, 08:35 PM

« Next Oldest · Webmasters' Corner Resolved Topics · Next Newest »
 

Closed TopicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 

Display Mode: Switch to: Standard · Switch to: Linear+ · Outline

Track this topic · Email this topic · Print this topic