position css

Vreau sa construiesc un site, dar nici nu am terminat bine meniul si am dat peste o problema de design: vreau ca site-ul sa se intinda pe toata latimea paginii indiferent de rezolutie sau browser, ceea ce incerc functioneaza pana acum cat de cat, singura problema fiind faptul ca daca micsorez latimea ferestrei undeva sub 1024px meniul nu mai are designul dorit... Sper sa ma ajutati cu sugesti sa rezolv odata problema asta... aici e problema

Incearca sa pui ca fundal o poza de culoare alba de marime 1024px si spune-mi daca merge asa sau nu.

Fundal pentru ce? pentru body... sau pentru ce.... am incercat si asa cateva variante dar n-am reusit... :flowers: pagina in sine ramane la 1024px dar meniul ramane lipit de marginea ferestrei...

Da, ca body.

Ciudat ca nu iti merge. De obicei browser-ul trebuie sa arate marimea originala a imaginii.

Cu ce programe lucrezi? Si ... incearca un alt template care sa te satisfaca :flowers:

Scriu codul in edit plus... si pana akum n-am avut probleme de genul asta... in fine incerc sa imi mai bat eu capul.... :flowers: ms oricum

Nu ai pt ce :flowers:

Ai incercat Front Page 2003 ?

o sa incerc akum:)

e foarte simplu si util. sper sa te ajute :flowers: bafta

L-am "refacut" acum din lipsa de activitate.

Incearca asa:

<html>
<head>
<style type="text/css">

.container {
height:110px; width:1045px; 
position:absolute; 
top:0px; left:0px;
float:left;
}

.logo{
background:url("logo.jpg");
height:125px; width:330px;
float:left;
}

.menu {
background:url("meniu.jpg");
height:70px; width:445px;
float:left; margin-top:49px;
}

a:link, a:active, a:visited {font-family:"Arial"; font-size:12px; text-decoration:none; color:#000;}

.menu a{
background:url("buton.jpg");
background-repeat:no-repeat;
height:35px; width:110px;
margin-top:16px; 	
display:block;
padding-top:10px; 
float:left;
text-align:center;
text-decoration:none; 
font-size:15px;
color:#fff;
}

.menu a:hover {background:url("butonh.jpg"); background-repeat:no-repeat;}

.login {
background:url("login.jpg");
height:120px; width:269px; 
float:left;
}

.text {
background: url(textbox.jpg); 
color:#050F85; border: 0px solid #3300FF; 
width:100px; height:20px; 
position:relative; top:9.5px; left:17px; padding:0px;
}

.field {
background: url(textbox+.jpg);  background-repeat: no-repeat; 
border: 0px solid #3300FF;
width:138px; height:38px; 
padding:0px; position:absolute; top:0px; right:-15px;
}

</style>

<script language="javascript" type="text/javascript">
function setuser()
{if(document.forms.mda.user.value == ""){document.forms.mda.user.value = "user"}}
function setuserd()
{if(document.forms.mda.user.value == "user"){document.forms.mda.user.value = ""}}
function setpass()
{if(document.forms.mda.pass.value == ""){document.forms.mda.pass.value = "parola"}}
function setpassd()
{if(document.forms.mda.pass.value == "parola"){document.forms.mda.pass.value = ""}}
</script>

</head>

<body>

<div class="container">
<div class="logo"></div>
<div class="menu">

<a href="">Regulament</a>
<a href="">FAQ</a>
<a href="">Linkuri</a>
<a href="">Contact</a>

</div>
<div class="login">

<form name="mda" method="post" action="index.html">

<div style="position:absolute; right:60px; top:16px;">
<fieldset class="field">
<input type="text" name="user"  value="user" onfocus="setuserd()" onblur="setuser()" class="text"/>
</fieldset>
</div>

<div style="position:absolute; right:85px; top:53px;">
<fieldset class="field">
<input type="password" name="pass" value="parola" onfocus="setpassd()" onblur="setpass()" class="text"/></fieldset>
</div>

<div style="position:absolute; right:20px; top:56px;">
<input type="image" src="go.jpg" onmouseover="src='goh.jpg'" onmouseout="src='go.jpg'"/>
</div>

<div style="position:absolute; right:130px; top:87px;">
<a href="#">Inregistrare</a></div>
<div style="position:absolute; right:85px; top:87px;">
<a href="#">Login</a></span></div>

</form>

</div>
</div>

</body>
</html>

Nu stiu cat de corect o fi, dar aparent merge, nu-si mai schimba design-ul cand micsorezi fereastra, cel putin in firefox si ie 6.

As fi atasat direct pagina html, dar cica nu am "permisiunea".

ms mult aku merge cum trebuie