Layout Help [Archive] - Lissa Explains it All: Web Design Forums

View Full Version : Layout Help

estrella21306

09-12-2005, 04:39 AM

ok wasnt sure where to post this....it kind of has everything in it so here we go. i made <a href="http://www.freewebs.com/estrella213/blog1.html>this</a> layout and it looked fine on the computer i made it on, but on this computer it looks all messed up...so is it in my codes, or just the resolution on this computer or maybe something else? or is it just this computer?

<html>
<head>
<title>Boys & Girls</title>
<style type="text/css">



body
{ font-family: Slyfaen, Garamond;
color: #000000;
letter-spacing: 4;
font-weight: heavier;
font-size: small;
</style>
</head>
<body>
<table cellpadding="0" cellspacing="0" border="0" style="position:absolute; top:240px; left:5px;">
<tr>
<td width="185" height="50" background="malefemalebar.JPG" align="center" valign="middle">
<div align="left">
 This is Me... 
Name:Birthday:Location:Myspace:Xanga:AIM:MSN:Yahoo!:
</td>
</tr>
</table> 
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td width="185" height="50" background="malefemalebar.JPG" align="center" valign="middle">
<div align="left">
 Boys & Girls...
add your friends here, sns, whatever
</td>
</tr>
</table> 
<center><img src="malefemale2.gif" style="position:absolute; top:10px; left:280px;"></center><IFRAME

name="content" width=260 height=225 marginwidth=0 marginheight=0 style="position:absolute; top:270px; left:365px;"

frameborder=0 scrolling=auto src="content.html"></iframe>

<table cellpadding="0" cellspacing="0" border="0" style="position:absolute; top:240px; right:5px;">
<tr>
<td width="185" height="50" background="malefemalebar.JPG" align="center" valign="middle">
<div align="left">
 This is Me... 
Name:Birthday:Location:Myspace:Xanga:AIM:MSN:Yahoo!:
</td>
</tr>
</table> 
<table cellpadding="0" cellspacing="0" border="0" style="position:absolute; top:590; right:5;">
<tr>
<td width="185" height="50" background="malefemalebar.JPG" align="center" valign="middle">

 Boys & Girls...<div align="left">
add your friends here, sns, whatever
</td>
</tr>
</table> 
</body>

Monkey Bizzle

09-12-2005, 04:42 AM

You have to position everything from the same side... If you don't then on a smaller resolution, all the things positioned from the right will end up being on top of the things positioned from the left.

By the way, HTML doesn't work on these forums... If you want to make a link, or bold your text, etc, you have to use BBC.

estrella21306

09-12-2005, 04:48 AM

ya i realized that its been a loooong time since i've been on a forum....so what do i need to do to fix it? i was trying to use absolute positioning to get everything where i want it...

Monkey Bizzle

09-12-2005, 04:57 AM

Position everything from the left =P

Monkey Bizzle

09-12-2005, 05:03 AM

Too late to edit...

I just looked closer at your code, you can't absolute position tags... I thought you meant why did the images on the right overlap the other stuff... I noticed that all your text overlaps itself at the top of the page (in FireFox anyways... haven't check in Internet Explorer). Also, you don't need to use all those tables...

estrella21306

09-12-2005, 05:03 AM

ok all my div align is to the left already.......think i will try relative positioning...do you think that will help?

Monkey Bizzle

09-12-2005, 05:04 AM

See my post above =)

Relative positioning won't fix your problem. You need to change all the positioning to be from the LEFT... You have some of the tables positioned absolutely from the RIGHT.

Monkey Bizzle

09-12-2005, 05:10 AM

Try this instead of using all those tables... They are really cluttering up your code and it's unnecessary.

<img src="malefemalebar.JPG" style="position: absolute; top: 240px; left: 5px;">
<div align="left" style="position: absolute; top: 255px; left: 45px;">
 This is Me... 


Name:
Birthday:
Location:
Myspace:
Xanga:
AIM:
MSN:
Yahoo!:
</div>

If you do the same thing for the rest of it, then your code will be cleaner AND it will look right in other browsers.