[SOLVED] Header and position of images
I want the logo(image/area) and a widget to keep there positions regarding body and menu when you resize the window. Have tried with fix positions but without luck.
|
do you want them in a fixed position or do you want them to float as the window gets smaller or larger?
Without access to the site you need to be very detailed with your descriptions - you know what you want, but we don't. :) |
I want my menu-objects(3) to remain in the same relativ position to Everything else in the window although the window size is changed.
My header is position:relative full widht My top-widget position:absolute (its a menu inside) My logo area a table with logo inside position:relative My logo image position:relative And my tagline position:absolute I am not sure what you Think is relevant in this situation. hope its enough.. |
Since your site is not online, can you send some screen shots so I can see what you are talking about.
|
2 Attachment(s)
Here come two Pictures First As it is now and then with the window changed
As You see the positions are changed compare to menu page and sidbars I have tried the most from %for header image and left and right for header but...... |
If you set #wrapper or #container to position:relative you may be able to position items better.
|
I cant see that its helping.
The menu and bars are in the header(box) and below them the wrapper with page and sidebars. Thees parts is functioning with resizing window. In header I have a top-widget( pos=absolut) that inside has a menu and it(li) floats to the left. Beside the top-widget I have a logo-img(pos=rel) and a tagline pos=absolute. The header is full widht with a bg image. I hope I have explained it enough as I am trying to learn(understand) positioning. Rel= from its default Place somewhere regarding to first Place. The first still take space. Abs= moves other away and you can Place it anywhere if your folder is relativ. Hope I have understood positioning right. Still I cant fix this. Can the float be responible for something? As I see it its the header area which is the problem or....? Before the change to full width header Everything was ok! |
Normally, the page is built as a table with three rows (this is a simplified view):
HTML Code:
<table> HTML Code:
<div>Header> I hope this helps you out. |
thank you. I will take a consonsideration what to do. Not now as I am to tired (middle of the night) :-)
|
This tells me it's no use to make something with wrapper or cantainer as they are not the parent
First step.. Second thought..Do I need a parent for the header div? I dont know. |
maybe I have been overdoing this. Now I'll try to make them float in right order
|
I made the solution but in my own way I Think. Did'nt use Atas full width.
By the way I got rid of the enoying favicon-ladybug but I am not really sure why I will reconstruct if possible. This is closed for me. |
All times are GMT -6. The time now is 05:09 PM. |
Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.