CSS Layout Question
- Started
- Last post
- 10 Responses
- scarabin
how do i reverse this layout so the fixed sidebar on the right is on the left and the liquid left side is on the right?
- scarabin0
i know this is a total n00b question but i've never done a layout in css, only styles 'n' shit
- mg330
scarabin,
not going to outright give you the answer, but you only need to change one defining element of #leftcontent in the CSS. :)
Think about it, what is on the _______ you want to be on the _______, get it?
Give it a go, if you have any problems I'll give you another clue. I'll be in all day nursing a hangover.
- mg330
And no "GIVE ME THAT FUCKING CSS CODE!!" a la the font thread. :D
- scarabin0
i tried changing the value to float:right, but whenever i squish the window together the left side disappears
this shit is confusing when you haven't slept in 48 hours
- scarabin0
heh heh
- scarabin0
oh damn, it seems to be working now
#leftcontent {
position:absolute;
left:15px;
width:125px;
border-left:2px solid #000;
border-right:2px solid #000;
border-bottom:2px solid #000;
margin-left:15px;
background:#fff;
padding-bottom:20px;
}#rightcontent {
float:right;
margin-left: 199px;
voice-family: "\"}\"";
voice-family: inherit;
margin-left: 201px;}
- scarabin0
bah, still being gay but i can work it out
- mg330
well, that was going to be my suggestion, about the changing to float:right.
But, I noticed that even in the regular version, when you squish the window, the right side info goes away.
So, changing to float:right might be what you're looking for, because they're doing the same thing far as I can see.
- scarabin0
it's cool, i got it to do what i wanted to do
http://scarabin.net/homepage/v2
using this
#leftcontent {
position:absolute;
left:15px;
width:125px;
border-left:2px solid #000;
border-right:2px solid #000;
border-bottom:2px solid #000;
margin-left:15px;
background:#fff;
padding-bottom:20px;
}#rightcontent {
float:left;
margin-left: 199px;
voice-family: "\"}\"";
voice-family: inherit;
margin-left: 201px;}
- mg330
Looks good!