Log In · Register

 
Div not centered in all resolutions, need help in fixin this ..
diputs
post Oct 27 2008, 06:44 PM
Post #1


Hello, I'm Heli
****

Group: Member
Posts: 198
Joined: Aug 2007
Member No: 568,604



Hi ..

i was tryin to submit this layout:

http://www.myspace.com/myspacetestpagina


But was denyed because it isnt centered in all screen resolutions .. can someone tell what to change to do so ..


CODE
<style>
body table {margin-top:-5000px;}
body td table, body div table {margin-top: 0;}
table, tr, td {background-color:transparent;}
body div table form{display:none;}
.navbar, div table td font {visibility:hidden !important;}

body {background-color:a67293;
background-image: url();
background-attachment:fixed;
background-repeat:repeat;
scrollbar-arrow-color:000000;
scrollbar-face-color:d3c0e9;
scrollbar-highlight-color:ffffff;
scrollbar-3dlight-color:000000;
scrollbar-shadow-color:d3c0e9;
scrollbar-darkshadow-color:a67293;
scrollbar-track-color:ffffff;
}


{text}
table, tr, td, li, p, div { color:3e3736; font-family:tahoma; font-size:12px; }

.redtext { color:3e3736; font-size:12px; }

a:active, a:visited, a:link{ color:3e3736; font-family:tahoma; font-size:11px; text-transform: uppercase; }

a:hover { color:3e3736; font-size:10px; }

b {color:3e3736; font-family:tahoma; font-weight:bold; font-size:11px;}

u{font-family:Candara;font-size:11px;color:3e37360;
font-weight:bold;text-decoration:underline;
letter-spacing:0px;
text-transform:uppercase;
border-bottom:2px dashed;
border-bottom-color:3e3736;
letter-spacing:0px;}

.blacktext10 {
font-family: tahoma;
font-size: 11px;
font-weight: bold;
color: 3e3736;
text-transform: uppercase;
letter-spacing: 0pt;
border-top-width: 0px;
border-bottom-width: 1px;
border-left-width: 0px;
border-right-width: 0px;
border-bottom-color: 000000;
border-bottom-style: solid;
width: 250px;
line-height: 12px;
font-weight: bold !important;
display: block;
text-align: right;
margin: 0 0 -10px 0;
}



{divs}
.layout { background-color:transparent; background-image: url(http://i36.photobucket.com/albums/e8/La_Tuya/Horizoncopy.png);background-repeat: no-repeat;background-attachment: scroll;
background-position:top center;
position: absolute;
left: -534px;
margin-left: 50%;
top: 160px;
height: 602px;
width: 802px;
overflow: auto;
z-index: 1;
}


* html .layout { background-color:transparent;
background-image: url(http://i36.photobucket.com/albums/e8/La_Tuya/Horizoncopy.png);background-repeat: no-repeat;background-attachment: scroll;background-position:top center;
position: absolute;
left: -307px;
margin-left: 50%;
top: 160px;
height: 602px;
width: 802px;
overflow: auto;
z-index: 1;
}

a.con:link, a.con:active, a.con:visited {
font-family: tahoma;
font-weight: none;
font-size: 10px;
color: 3e3736;
width: 168px;
line-height: 18px;
background-color: bacce0;
margin: 2px 0px 2px 0px;
display: block;
text-align: center;
text-decoration: none;
letter-spacing: 3pt;
}
a.con:hover {
color: a7467d;
font-weight: none;
font-family: tahoma;
font-size: 10px;
letter-spacing: 3pt;
width: 168px;
line-height: 18px;
background-color: transparent;
background-image: url();
display: block;
text-align: center;
}


.contact {
background-color: transparent;
background-image: none;
background-repeat: no-repeat;
background-attachment: scroll;
background-position: top center;
position: absolute;
left: 405px;
margin-left: 0%x;
top: 443px;
height: 215px;
width: 170px;
border: none;
overflow: auto;
z-index: 3;
}
* html .contact {
position:absolute;
left: 410px;
margin-left:0%;
top: 443px;
height:215px;
width:170px;
}



.aboutmeleft { background-color:none;
position: absolute;
left:234px;
margin-left: 0%;
top: 446px;
height: 261px;
width: 143px;
background-color:transparent;
border-color:3e3736;
border-style:solid;
border-width:0px;
overflow-y:auto;
overflow-x:hidden;
padding-left:0px;
padding-right:17px;
z-index: 2;
}

* html .aboutmeleft { background-color:none;
position: absolute;
left: 238px;
margin-left: 0%;
top: 445px;
height: 261px;
width: 160px;
background-color:transparent;
border-color:3e3736;
border-style:solid;
border-width:0px;
overflow-y:auto;
overflow-x:hidden;
padding-left:0px;
padding-right:15px;
z-index: 2;
}


.aboutmeright { background-color:none;
position: absolute;
left:594px;
margin-left: 0%;
top: 446px;
height: 261px;
width: 143px;
background-color:transparent;
border-color:3e3736;
border-style:solid;
border-width:0px;
overflow-y:auto;
overflow-x:hidden;
padding-left:0px;

padding-right:17px;
z-index: 2;
}

* html .aboutmeright { background-color:none;
position: absolute;
left: 598px;
margin-left: 0%;
top: 445px;
height: 261px;
width: 160px;
background-color:transparent;
border-color:3e3736;
border-style:solid;
border-width:0px;
overflow-y:auto;
overflow-x:hidden;
padding-left:0px;
padding-right:15px;
z-index: 2;
}

.box { background-color:none;
position: absolute;
left: 406px;
margin-left: 0%;
top: 607px;
height: 100px;
width: 367px;
overflow-y:hidden;
overflow-x:hidden;
padding-left:0px;
padding-right:17px;
z-index: 2;
}

* html .box{ background-color:none;
position: absolute;
left: 411px;
margin-left: 0%;
top: 607px;
height: 110px;
width: 367px;
overflow-y:hidden;
overflow-x:hidden;
padding-left:0px;
padding-right:15px;
z-index: 2;
}





.comt td, .comt table{width:0px!important; height:0px!important; background-color:transparent!important; border:0px!important; _padding:2px!important;} .comt, .comt td, .comt table, .comt td a img, .comt td td td a, .comt td b a, .comt td .redlink{visibility:visible;} .comt td td td b{top:0px; display:inline;} .comt td td td table, .comt .orangetext15, .redlink, .comt .btext, .rid, .frnd{display:none;} .comt td b, .blacktext10 {display:block;} .comt {z-index:7;}
.comt table, .comt b {position:relative; top:-39px; _top:-30px;}


td.text td.text table table table td a img {width:70px;} td.text td.text table table table td div img {width:50px;} td.text td.text table table td img {width:250px; max-width:250px; width:auto;}
td.text td.text table table td div img {width:70px;}
* html td.text td.text table table td img {width:80px;}
* html td.text td.text table table td a img {width:70px;} * html td.text td.text table table td div img {width:50px;}

</style>

<div class="aboutmeleft">
<div class="content" align="justify">
<br />
Duele... llorar cristales
Cuando se congela el agua de los lagrimales
Y tu... que... siempre presumiste de vivir la carne
En carnavales, fiestas & bacanales
Hora ya de barajar el naipe de las verdades
De las verdades

He perdido toda la vida buscando el arca perdida
Los tesoros imposibles que ha escondido tu sonrisa
Si lo nuestro fue mentira
Tus cortadas no respiran
Olvidaste pintalabios imprudente en bocas que no eran la mia
En bocas que no eran la mia

Duele... son cosas normales
Esto es lo que tiene ser princesa de los arrabales
Tu... ya... una clasica en los coches
De las noches de Madrid con tus rituales
La soledad... se esta encargando en silencio
De curar despacio todos tus males
Todos tus males
Todos tus males
Todos tus males
He perdido toda la vida buscando el arca perdida
Los tesoros imposibles que ha escondido tu sonrisa
Si lo nuestro fue mentira
Tus cortadas no respiran
Olvidaste pintalabios imprudente en bocas que no eran la mia
En bocas que no eran la mia
En bocas que no eran la mia
En bocas que no eran la mia

Aun recuerdo los cuerpos acostados
Cuando eramos el mismo beso, el mismo abrazo,
El mismo sueño eterno & dorado
He perdido toda la vida buscando el arca perdida
Los tesoros imposibles que ha escondido tu sonrisa
Si lo nuestro fue mentira
Tus cortadas no respiran
Olvidaste el pintalabios imprudente
He perdido toda la vida buscando el arca perdida
Los tesoros imposibles que ha escondido tu sonrisa
Si lo nuestro fue mentira
Tus cortadas no respiran

</div>
</div>


<div class="aboutmeright">
<div class="content" align="justify">
<br />
He olvidao que no se olvida
Si dura toda una vida
El recuerdo de tu nombre
Mi memoria precavida
Ya ha tomado sus medidas
Pa' encontrarte se te escondes

Cartas de amor
De cuando me querías
De cuando me besabas
En almíbar de pasión
Cuando tu lengua
Curaba mis heridas
No puedo negarme que...

Se me olvido olvidarte
Me sigo partiendo la madre
Para no recordar
Esos ojos salvajes
Se me olvido olvidarte
En mis noches cobardes
Clavado a tu recuerdo
Y cerrando los bares
Y sabes que aun te quiero
Pero quiero olvidarte
Y no puedo olvidarte
Pero quiero olvidarte
Y no puedo olvidarte
Pero quiero olvidarte

Un adiós no es despedida
Por mucho que tu me digas
Si laten dos corazones
La batalla esta perdida
Busco al olvido que olvida
Sin recuerdos que me estorben

Cartas de amor
De cuando me querías
De cuando me besabas
En almíbar de pasión
Cuando tu lengua
Curaba mis heridas
No puedo negarme que...

Se me olvido olvidarte
Me sigo partiendo la madre
Para no recordar
Esos ojos salvajes
Se me olvido olvidarte
En mis noches cobardes
Clavado a tu recuerdo
Y cerrando los bares
</div>
</div>


<div class="box">
<div class="content" align="center">


<div style="text-align: left; width: 100%; height: 100%;"><form action="/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=XXXXXX" method="post"><input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="" /><input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="" /><input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="" /><textarea name="ctl00$cpMain$UserWriteCommentsControl$commentTextBox" style="width: 168px; height: 80px; color: 3e3736; font-size: 11px; font-family: tahoma; text-align: left; background-color: d3c0e9; background-image: none; border-color: 3e3736; border-width: 1px; border-style: solid;">You should leave a comment ...</textarea>
<br />
<input type="submit" name="ctl00$cpMain$UserWriteCommentsControl$postcommentImageButton" value="ok, love" style="color: 3e3736; font-size: 11px; background-color: transparent; border-color: 3e3736; border-width: 1px; border-style: solid;" />
</form></div>

<br /><br />
</div>
</div>



<div class="contact"><center>

<a href="http://www.msplinks.com/MDFodHRwOi8vaG9tZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyJk15VG9rZW49YzJiZTA1NzEtMDA2Ni00ZmZlLTgzZGItYTk3N2E3OTZlOWVk" class="con">Home</a>

<a href="http://www.msplinks.com/MDFodHRwOi8vY29sbGVjdC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1pbnZpdGUuYWRkZnJpZW5kX3ZlcmlmeSZmcmllbmRJRD1YWFhYWFhY" class="con">Add Me</a>

<a href="http://www.myspace.com/index.cfm?fuseaction=block.blockUser&userID=XXXXXX" class="con">Block Me</a>

<a href="http://www.msplinks.com/MDFodHRwOi8vbWFpbC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1tYWlsLm1lc3NhZ2UmZnJpZW5kSUQ9WFhYWFhY" class="con">Message</a>


<a href="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdmcmllbmRzJmZyaWVuZElEPVhYWFhYWA==" class="con">Friends</a>

<a href="http://www.msplinks.com/MDFodHRwOi8vdmlld21vcmVwaWNzLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPXVzZXIu
mlld0FsYnVtczImZnJpZW5kSUQ9WFhYWFhY" class="con">Pictures</a>

<a href="http://www.msplinks.com/MDFodHRwOi8vYmxvZy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1ibG9nLkxpc3RBbGwmZnJpZW5kSUQ9WFhYWFhY" class="con">Blog</a>

<a href="http://www.msplinks.com/MDFodHRwOi8vYmFuZGlkYWZhbW9zYS5jcmVhdGVibG9nLmNvbS9sYXlvdXRzLw==" class="con">Layout Credit</a>

</center></div>


<div class="layout">
</div>

<div class="comt">
</div>

<div class="comt"><table class="rid"><tr><td><table>

 

Posts in this topic


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