Header да седи най-отгоре

[Gamerz]

Някой може ли да ми каже как да си оставя хедъра заедно с всички менюта и т.н. да седи най-отгоре.

Ето кода, пробвах няколко метода, но нещо не се получи...

<div id="div"></div>
<div id="logo"></div>
<div id="log0"></div>
<?include "includes/menu.php"?>


<br>


<tr>
	<td width="100%" colspan="3"  height="10">


		<table align="center" cellpadding="0" cellspacing="0" border="0">
		<tr>
			<td width="99%">
   
            <div id="search">
            <form action="search.html" method="post"><input id="cx" name="1" type="hidden"  />
            <input id="cof" name="cof" type="hidden" value="FORID:9" />
            <input id="ie" name="ie" type="hidden" value="UTF-8" />
            <input id="search-q" name="search" type="text" value="" /><button type="submit" name="submitbutton1" class="search-b"> </button>
            </form>

            </div>

[css]#div {
background:url('/images/gamescom.png') repeat;
height:110px;
width:100%;
position:absolute;
z-index:-1;
}


#logo {
background:url('/images/logo.png') no-repeat;
height:110px;
width:96%;
position:absolute;
left:10px;
top:0px;
z-index:-1;
}

#log0 {
background:url('/images/log0.png') no-repeat;
height:110px;
width:100%;
position:absolute;
z-index:-1;
}

#Line1 {
background:url('/images/Line1.png') left top repeat-x;
height:25px;
width:100%;
position:absolute;
z-index:1;
}
[/css]

 

[Styl3rbg]

Пробва ли с position: fixed; ?

 

[mo7ika]

Не разбирам точно идеята ти, но всички дивове с абсолютно позициониране ?!?!?!? А ако искаш всичко да ти е нормално сложи 1 див и в него почни да редиш така както си редиш първите дивове(нужен е контейнер), съжелявам ако не разбирам идеята ти.

 

[adrian]

Значи идеята на Styl3rbg идеално решение Разбира се не се поддържа от Internet Explorer 6, за него ще трябва javascript

 

[Gamerz]

Идеята ми е хедъра да ми седи като хедъра на фейсбук - най-отгоре...независимо от това дали слайдвам страницата надолу..

 

[Styl3rbg]

Пробва ли с position: fixed; ?

 

[Gamerz]

Пробвах и не става

ето пример как искам да стане:

http://limpid.nl/lab/css/fixed/header

 

[IvanAdamov]

HTML

<div id="div">
<div id="logo"></div>
<div id="log0"></div>
<?include "includes/menu.php"?>


<br>


<tr>
        <td width="100%" colspan="3"  height="10">


                <table align="center" cellpadding="0" cellspacing="0" border="0">
                <tr>
                        <td width="99%">
   
            <div id="search">
            <form action="search.html" method="post"><input id="cx" name="1" type="hidden"  />
            <input id="cof" name="cof" type="hidden" value="FORID:9" />
            <input id="ie" name="ie" type="hidden" value="UTF-8" />
            <input id="search-q" name="search" type="text" value="" /><button type="submit" name="submitbutton1" class="search-b"> </button>
            </form>

            </div>
</div>

CSS:

#div { 
background:url('/images/gamescom.png') repeat; 
height:110px; 
width:100%; 
position:fixed;
z-index:-1;
}


#logo { 
background:url('/images/logo.png') no-repeat; 
height:110px; 
width:96%; 
position:absolute;
left:10px;
top:0px;
z-index:-1;
}

#log0 { 
background:url('/images/log0.png') no-repeat; 
height:110px; 
width:100%; 
position:absolute;
z-index:-1;
}

#Line1 { 
        background:url('/images/Line1.png') left top repeat-x; 
        height:25px; 
        width:100%; 
        position:absolute;
        z-index:1;
}

 

[Gamerz]

Получи се, но сега хедъра ми застава зад контент-а... а самото меню също си остава някъде нагоре след като скролна страницата

 

[Gamerz]

Оправих всичко, само немога да направя менюто да седи при хедъра.

 

[IvanAdamov]

Махни
position:absolute;
от стила на менюто.

 

[Gamerz]

Стана перфектно, само, че през IE ми излиза както трябва само дето хедъра е малко по-надолу и има празно място отгоре на което се вижда бекграунда..

 

[Gamerz]

Направо погледнете: Gamers.bg (дано не се сметне за реклама...)