Single column admin theme

help

did you try reducing the width of the content area ?

Hi,

Im trying and trying! but i cannot fix it. I feel very frustrated with my CSS Knowledge. This is how I understand the situation…with the help of DOM inspector of Firefox:

The div “poststuff” (its the main container of the write page in the admin menu).

Inside of it, there is the “moremeta” div and inside of it there is the “dbx-group” and “grabit” DIV.

Moremeta and dbx-group are the DIVs that contain all those fancy boxes… that I cannot align with the editor and the other stuff..

Ive tried everything I know…
I need a CSS guru

okey, i start now to describe it

in the write section of the admin panel of https://www.saveguimaras.com

i would like to align all the boxes in the right with the editor of the left

the problem is:
the boxes are inside of a DIV with position:absolute

if the position remains absolute, the boxes will not stay FIXED.. they will move when the user Resizes the window

if the position changed to relative, all the boxes will be displayed on the TOP of the editor.. and its impossible to me to align them to the right of the editor

the question is: how to align the boxes with the editor

FYI: your login page as many issues. I can’t even use it.

If I were you…. I’d use google, search for wordpress admin themes, look at how some are constructed.

The login works fine with me… What problem do you have? what’s the error message?

To vkaryl: I’ve already tried that, but the ones that I’ve found are not based in a single column layout… therefore, is the same position:absolute thing that doesnt help me.

I still couldn’t fix it ??

what you could try is to change the position:absolute to position:relative and then add the following line of code right underneath
_______________________

float:right;
_______________________

Hope It Works

Also look at sadish’s post that also might help if what i said doesn’t work or in-concert with what I said.

Bleach984

Thank you bleach984… Now it looks better in Firefox but in IE still it doesn’t work.

This is how it looks the CSS now:

/* Can change this */
#moremeta fieldset, #advancedstuff fieldset {
margin-bottom: 1em;
}
#moremeta fieldset div {
margin: 2px 0 0 0px;
padding: 7px;
}
#moremeta {
line-height: 130%;
position: relative;
float:right;
left: 230px;
}
#moremeta select {
width: 96%;
}

Any other helpfull suggestion?