...

View Full Version : position issue



wiseman
12-19-2005, 09:27 AM
I was wondering how I would have the tabs in the image below sit on the outside of the layout as shown. Any ideas?

http://corefx.net/help.gif

_Aerospace_Eng_
12-19-2005, 09:31 AM
Can you post a link or your code? I would suggest that you make the containing element position:relative; then use absolute positioning for those tabs.

wiseman
12-19-2005, 09:34 AM
its not in code right now, but

http://corefx.net/wordpress

it would fit onto the right side of this layout, and i need it to be liquid.. with the layout if its possible

_Aerospace_Eng_
12-19-2005, 09:39 AM
Make your wrap position:relative; then use position:absolute; to position those tabs or just add another div on the right side and put the tabs in that.

wiseman
12-19-2005, 09:41 AM
the second part, make another div on the outside was what i was trying to do but it aligns under the entire layout, so the question i was really asking is how do i get it to be flush to the right side. Sorry about the confusion

_Aerospace_Eng_
12-19-2005, 09:46 AM
Put it before everything else, and float it to the right. Do you know CSS at all?

wiseman
12-19-2005, 09:57 AM
as i said, i apologize for the confusion. Thanks again.

wiseman
12-19-2005, 06:52 PM
alright, now that it's done it's acting up in internet explorer. It has like a 10px buff between the layout and image.

_Aerospace_Eng_
12-19-2005, 07:58 PM
Try this for the relevant CSS

#tabs{
width: 59px;
float: right;
text-align:left;
background: #fff;
margin-top: 80px;
}
* html #tabs {
margin-left:-3px;
}
#everything{
width:915px;
margin:0 auto;
}

#wrap{
overflow: hidden;
width:800px;
text-align:left;
margin:0 59px 0 auto;
font-size: 11px;
background-color: #fff;
font-family: "trebuchet ms", verdana, arial, sans-serif;
}
* html #wrap {
margin-right:0;
}

wiseman
12-19-2005, 08:05 PM
just got schooled. Thank again



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum