[solved] Position of Logo problem

[Mr.Bean_S]

I created a new (slightly bigger) logo an struggled for an hour before I realized the only way to get the logo to change was to upload PNG via FTP and then change it to JPG.

 

Anyway, now the size of the logo for some reason had twice the size of the uploaded file. This I managed to solve by setting fixed values in css file.

 

Now the only problem (for now) seems to be the position of the logo.

 

This is the web address: webshop.bean-bag.se

 

This is what I have in global.css:

---------------------

#header {position:relative}

#header_logo {

float:left;

display:block;

margin-top:30px;

}

 

#header_right {

position:relative;

float: right

--------------------------

 

I realize it looks better if I change the margin-top to 10px but how can I get the bottom of the logo to be on the same height as the bottom of the "Log in" and "Welcome" text?

 

I'm also disturbed by the text below the mini-slider that only use half the page on all sides, but that's perhaps something I should issue a special question for.

 

Any help appreciated!

[vekia]

this is what you expect?

 

if so, here is the solution:

 

here is the code for #header_right:

#header_right {
position: absolute;
float: right;
right: 0px;
top: 80px;
}

[Mr.Bean_S]

this is what you expect?

 

if so, here is the solution:

 

here is the code for #header_right:

#header_right {
position: absolute;
float: right;
right: 0px;
top: 80px;
}

I wanted it exactly like that but what I got was this:

You see, nomatter WHAT I do that damned Logo refuses to move down. I can only make it go up and all things to the right of it move closer (like in this case).

 

Present code:

 

HEADER

************************************************************************************************ */

#header {position:relative}

#header_logo {

float:left;

display:block;

margin-top:30px;

}

 

position: absolute;

float: right;

right: 0px;

top: 80px;

}

 

 

/*

 

Edit: After compairing the posts I saw the difference.

 

This is the new code:

 

#header_logo {

float:left;

display:block;

margin-top:30px;

}

#header_right {

position: absolute;

float: right;

right: 0px;

top: 80px;

}

 

Works perfect!

 

Thanks!

Edited August 18, 2013 by Mr.Bean_S (see edit history)

[vekia]

glad to hear that it works as you expected

im going to mark this topic as [solved]

 

best regards