Postion Value Ignored

[barefootMarc]

I’m trying to get a custom HTML div to sit in the bottom right of the container. Below is the CSS. I had to remove the position values so you can see the DIV online.

Not sure what’s going on.

Much appreciated in advance.

Cheers,

.case_study_right{
padding-left: 60px!important;
position:relative!important;

}

#case_study_view_project {
height: 72px;
width: 172px;
border: thin solid #aeaeae;
margin-right:60px;
margin-bottom:60px;
font-family: pt-serif;
font-size: 24px;
line-height:72px;
font-style: italic;
font-weight: 400;
color: #AEAEAE;
text-decoration: none;
border-color: #AEAEAE;
background-color: #FFFFFF;
display: table-cell;
cursor: pointer;
text-align: center;
float:right;
clear:both;
position:absolute!important;

}

[Kyle – SUPPORT]

Hi

Your method wouldn’t work, the button is nested inside 5 divs after the .case_study_right div

– Kyle

[barefootMarc]

IS there anyway to position that box where I want using the current theme?

I’ve tried dropping it in the row which contains both columns, and giving it a -margin value to pull it up, but its hidden behind the column. Even when i get rid of the columns bg color.

-M

Attachments:

You must be logged in to view attached files.

[Swift Ideas – Ed]

Can you provide an indication of what you are trying to do? Not obvious from what I can see so far.

– Ed

[barefootMarc]

Here’s a screen grab.

Attachments:

You must be logged in to view attached files.

[Kyle – SUPPORT]

Add a blank spacer above the button

– Kyle

[barefootMarc]

Blank spacer wont work, because as the page shrinks in size it throws off the design.

Attachments:

You must be logged in to view attached files.

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

#case_study_view_project{
margin-top:50px !important;
}

Thanks
Mohammad

[barefootMarc]

Still have the same problem.

I could do it with the custom HTML, but It needs to be editable for the client. Custom HTML is a little too advanced for them.

-M

Attachments:

You must be logged in to view attached files.

[barefootMarc]

Figured it out.
So the containing row is relative, and the btn is absolute.

#case_study_view_project {

height: 72px;
width: 172px;
border: thin solid #aeaeae;

font-family: pt-serif;
font-size: 24px;
line-height:72px;
font-style: italic;
font-weight: 400;
color: #AEAEAE;
text-decoration: none;
border-color: #AEAEAE;
background-color: #FFFFFF;
display: table-cell;
cursor: pointer;
text-align: center;
float:right;
clear:both;

}

.relative{
position:relative;
}

.absolute{
position:absolute;
right:60px;
bottom:60px;
}

Attachments:

You must be logged in to view attached files.

[Rui Guerreiro – SUPPORT]

Great. Glad you sorted it.
-Rui