Placera meny rätt

Kanhända är jag ute o cyklar, men om du först tar reda på skärmupplösningen och sen använder den i dina skript? Blir ju liiiite klumpigare, men attans så säkert.

Kod för att ta reda på skärmupplösning tack. =) Men det är ju inte säkert det fungerar faktiskt, för om man har favoriter-sidor till vänster blir ju själva ytan för att visa hemsidan mindre men skärmupplösningen densamma.

Kan man få bredden på själva fönstret som sidan visas i eller finns det smidigare sätt?

<?php
if (isset($_GET['width']) AND isset($_GET['height'])) {
  // output the geometry variables
#  echo "Screen width is: ". $_GET['width'] ."<br />\n";
#  echo "Screen height is: ". $_GET['height'] ."<br />\n";

$width = $_GET['width'];
$height = $_GET['height'];

if ($width > 800)
{echo "Screen width is very big!";}

} else {
  // pass the geometry variables
  // (preserve the original query string
  //  -- post variables will need to handled differently)
 
  echo "<script language='javascript'>\n";
  echo "  location.href=\"${_SERVER['SCRIPT_NAME']}?${_SERVER['QUERY_STRING']}"
           . "&width=\" + screen.width + \"&height=\" + screen.height;\n";
  echo "</script>\n";
  exit();
}
?>

Det är ett javaskript som skickar över info till php.

Det låter som att din meny-div placeras relativt skärmbredden.
Jag skulle ha lagt meny-diven inuti en div som omsluter hela den centrerade sidan (container, wrapper osv.). Om du har position: relative på den diven så placeras en absolutpositionerad div inuti den, relativt den diven och inte skärmbredden.

hypatia >> använder jag relative så hamnar den inte ovanför allt utan den bara gör så att allt förflyttar sig nedåt när menyn kommer fram. Går det att lösa på något sätt?

Jag menade inte att du ska sätta position: relative på meny-diven, utan på den div som omsluter sidan, t.ex. wrapper, container eller vad du kallar den. :)
Meny-diven ska vara absolutpositionerad, men ligga inuti den div som du sätter position: relative på. :)

T.ex. så här:

<div id="container">
<div id="meny"> Menyn </div>

Resten av sidan
</div>

#container {position: relative; med mera}
#meny {position: absolute; osv. }

Ah, smart. Men jag löste detta med en frame istället. :)