Overclock.net › Forums › Software, Programming and Coding › Coding and Programming › Web Coding › HTML5 website, how do i make it load on old browsers
New Posts  All Forums:Forum Nav:

HTML5 website, how do i make it load on old browsers - Page 2

post #11 of 28
Thread Starter 
Quote:
Originally Posted by ImmortalKenny View Post

It just needs to be in one of them, I'd throw it into style.css but it doesn't really matter.
I wasn't sure if you were using a javascript file for something else already. Just throw that code into a script tag in the head of each page that uses the HTML5 tags, or your template file if you're using a framework like Zend or CakePHP.
Code:
<head>
     <script type="text/javascript">
          document.createElement("header");  
          document.createElement("nav");  
          document.createElement("article");
          document.createElement("footer");
     </script>
</head>


Im trying to do it your way now since i cant get Modernizr to work, plus i think it might be a little too resource intensive.... I put the script in the HTML, but i cant seem to figure out which CSS to put the:
Code:
header, nav, article, footer {  
    display: block;  
}

inside of. Ive pasted the head of my HTML page to help you interpret it for me biggrin.gif



Code:
<!DOCTYPE HTML>
<html>
<head>
<title>blah blah blah</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<noscript>
<link rel="stylesheet" href="css/5grid/core.css" />
<link rel="stylesheet" href="css/5grid/core-desktop.css" />
<link rel="stylesheet" href="css/5grid/core-1200px.css" />
<link rel="stylesheet" href="css/5grid/core-noscript.css" />
<link rel="stylesheet" href="css/style.css" />
<link rel="stylesheet" href="css/style-desktop.css" />
</noscript>
<script src="css/5grid/jquery.js"></script>
<script src="css/5grid/init.js?use=mobile,desktop,1000px&amp;mobileUI=1&amp;mobileUI.theme=none&amp;mobileUI.openerWidth=52"></script>
<script type="text/javascript">
          document.createElement("header");  
          document.createElement("nav");  
          document.createElement("article");
          document.createElement("footer");
</script>
<!--[if IE 9]><link rel="stylesheet" href="css/style-ie9.css" /><![endif]-->
</head>


#start of body


Edited by Eric335 - 10/17/12 at 3:18pm
    
CPUMotherboardGraphicsRAM
i5-3570k ASUS MAXIMUS V FORMULA Gigabyte GTX 670 G.SKILL Ripjaws X Series 16GB (2 x 8GB) 240-Pin... 
Hard DriveHard DriveOptical DriveCooling
Hitachi 2TB 7200RPM Crucial M4 128GB SSD ASUS 24X DVD-Burner Corsair H100 Extreme Liquid Cooling 
CoolingCoolingOSMonitor
NZXT Blue LED 140mm Fans NZXT Switch 810 Case Fbnans- 140mm Windows 7 Professional 64-Bit ASUS VE278Q 
KeyboardPowerCaseMouse
Logitech G510 Antec High Current Gamer Series 900W PSU NZXT Switch 810 Mionix Naos 3200 
Mouse PadAudioAudioOther
Kensington 56001 Optical-Enhancing Mouse Pad JVC Sound System Corsair Vengeance 2000 NZXT Sentry-2 Fan Controller 
Other
NZXT Hue 
  hide details  
Reply
    
CPUMotherboardGraphicsRAM
i5-3570k ASUS MAXIMUS V FORMULA Gigabyte GTX 670 G.SKILL Ripjaws X Series 16GB (2 x 8GB) 240-Pin... 
Hard DriveHard DriveOptical DriveCooling
Hitachi 2TB 7200RPM Crucial M4 128GB SSD ASUS 24X DVD-Burner Corsair H100 Extreme Liquid Cooling 
CoolingCoolingOSMonitor
NZXT Blue LED 140mm Fans NZXT Switch 810 Case Fbnans- 140mm Windows 7 Professional 64-Bit ASUS VE278Q 
KeyboardPowerCaseMouse
Logitech G510 Antec High Current Gamer Series 900W PSU NZXT Switch 810 Mionix Naos 3200 
Mouse PadAudioAudioOther
Kensington 56001 Optical-Enhancing Mouse Pad JVC Sound System Corsair Vengeance 2000 NZXT Sentry-2 Fan Controller 
Other
NZXT Hue 
  hide details  
Reply
post #12 of 28
Modernizr works great. html5shiv.js is a little more simple if you are only trying to get support for the html5 elements in older browsers. I believe modernizr actually uses html5shiv plus adds a whole lot more.

You would basically put a link to html5shiv.js inside conditional comments in the head of your page.

Like so.
Code:
<!--[if lt IE 9]>
<script src="dist/html5shiv.js"></script>
<![endif]-->

link to site
White TITAN
(16 items)
 
   
CPUMotherboardGraphicsRAM
intel core i7-3770k Asus Z77 Sabertooth EVGA Titan SC Corsair Dominator Platinum 16GB (2x8GB) 
Hard DriveHard DriveHard DriveOptical Drive
Samsung 840 Pro  WD Black Crucial M4 LG Blueray 
CoolingOSMonitorPower
Swiftech H220 Windows 7 64bit Dell 2311h Ultrasharp x 2 Corsair AX850 
CaseMouseMouse PadAudio
Fractal Design Define R4 White (w/ Window) Logitech G700 Razer Control Edition Sound Blaster ZxR 
CPUMotherboardGraphicsRAM
Intel 980x Asus Rampage iii Extreme EVGA GTX580 SLI Patriot Viper Xtreme 12GB DDR3 2000 (PC3 16000) 
Hard DriveHard DriveHard DriveOptical Drive
120GB Corsair Force Series 3 SSD WD Caviar Black 640GB Crucial M4 128GB SSD LG Black Blu-ray Drive SATA Model UH12LS28 
CoolingCoolingCoolingCooling
XSPC RX360 and RX120 Rads Watercool HeatKiller 3.0 Limited Edition Black ... XSPC Dual Bay Res with Swiftech MCP655 Pump Silver Shining Bitspower Compression Fittings 
CoolingCoolingCoolingCooling
PrimoFlex Pro LRT Black Tubing -1/2in. ID X 3/4in. 3x Gentle Typhoon 120mm Fan 1850RPM (AP-15)  1x Noiseblocker NB-BlackSilentPro PL-2 120mm Ul... Koolance VID-NX580 Full Cover GPU Waterblock x2 
OSMonitorKeyboardPower
Windows 7 Home Premium x64 Dell U2311 Ultrasharp x2 Max Keyboard Nighthawk X8 Semi-Custom - Mechani... Antec High Current Gamer 900W 
CaseMouseMouse PadAudio
Xigmatek Elysium Black Logitech G700 Razer Goliathus Creative Sound Blaster Recon3D Fatal1ty Pro 
  hide details  
Reply
White TITAN
(16 items)
 
   
CPUMotherboardGraphicsRAM
intel core i7-3770k Asus Z77 Sabertooth EVGA Titan SC Corsair Dominator Platinum 16GB (2x8GB) 
Hard DriveHard DriveHard DriveOptical Drive
Samsung 840 Pro  WD Black Crucial M4 LG Blueray 
CoolingOSMonitorPower
Swiftech H220 Windows 7 64bit Dell 2311h Ultrasharp x 2 Corsair AX850 
CaseMouseMouse PadAudio
Fractal Design Define R4 White (w/ Window) Logitech G700 Razer Control Edition Sound Blaster ZxR 
CPUMotherboardGraphicsRAM
Intel 980x Asus Rampage iii Extreme EVGA GTX580 SLI Patriot Viper Xtreme 12GB DDR3 2000 (PC3 16000) 
Hard DriveHard DriveHard DriveOptical Drive
120GB Corsair Force Series 3 SSD WD Caviar Black 640GB Crucial M4 128GB SSD LG Black Blu-ray Drive SATA Model UH12LS28 
CoolingCoolingCoolingCooling
XSPC RX360 and RX120 Rads Watercool HeatKiller 3.0 Limited Edition Black ... XSPC Dual Bay Res with Swiftech MCP655 Pump Silver Shining Bitspower Compression Fittings 
CoolingCoolingCoolingCooling
PrimoFlex Pro LRT Black Tubing -1/2in. ID X 3/4in. 3x Gentle Typhoon 120mm Fan 1850RPM (AP-15)  1x Noiseblocker NB-BlackSilentPro PL-2 120mm Ul... Koolance VID-NX580 Full Cover GPU Waterblock x2 
OSMonitorKeyboardPower
Windows 7 Home Premium x64 Dell U2311 Ultrasharp x2 Max Keyboard Nighthawk X8 Semi-Custom - Mechani... Antec High Current Gamer 900W 
CaseMouseMouse PadAudio
Xigmatek Elysium Black Logitech G700 Razer Goliathus Creative Sound Blaster Recon3D Fatal1ty Pro 
  hide details  
Reply
post #13 of 28
Thread Starter 
EDIT: The foundation of this website i got from a template. Im not strong enough with HTML/CSS to build it from the ground up, so thats why im helpless redface.gif
Edited by Eric335 - 10/17/12 at 3:27pm
    
CPUMotherboardGraphicsRAM
i5-3570k ASUS MAXIMUS V FORMULA Gigabyte GTX 670 G.SKILL Ripjaws X Series 16GB (2 x 8GB) 240-Pin... 
Hard DriveHard DriveOptical DriveCooling
Hitachi 2TB 7200RPM Crucial M4 128GB SSD ASUS 24X DVD-Burner Corsair H100 Extreme Liquid Cooling 
CoolingCoolingOSMonitor
NZXT Blue LED 140mm Fans NZXT Switch 810 Case Fbnans- 140mm Windows 7 Professional 64-Bit ASUS VE278Q 
KeyboardPowerCaseMouse
Logitech G510 Antec High Current Gamer Series 900W PSU NZXT Switch 810 Mionix Naos 3200 
Mouse PadAudioAudioOther
Kensington 56001 Optical-Enhancing Mouse Pad JVC Sound System Corsair Vengeance 2000 NZXT Sentry-2 Fan Controller 
Other
NZXT Hue 
  hide details  
Reply
    
CPUMotherboardGraphicsRAM
i5-3570k ASUS MAXIMUS V FORMULA Gigabyte GTX 670 G.SKILL Ripjaws X Series 16GB (2 x 8GB) 240-Pin... 
Hard DriveHard DriveOptical DriveCooling
Hitachi 2TB 7200RPM Crucial M4 128GB SSD ASUS 24X DVD-Burner Corsair H100 Extreme Liquid Cooling 
CoolingCoolingOSMonitor
NZXT Blue LED 140mm Fans NZXT Switch 810 Case Fbnans- 140mm Windows 7 Professional 64-Bit ASUS VE278Q 
KeyboardPowerCaseMouse
Logitech G510 Antec High Current Gamer Series 900W PSU NZXT Switch 810 Mionix Naos 3200 
Mouse PadAudioAudioOther
Kensington 56001 Optical-Enhancing Mouse Pad JVC Sound System Corsair Vengeance 2000 NZXT Sentry-2 Fan Controller 
Other
NZXT Hue 
  hide details  
Reply
post #14 of 28
Thread Starter 
Quote:
Originally Posted by glakr View Post

Modernizr works great. html5shiv.js is a little more simple if you are only trying to get support for the html5 elements in older browsers. I believe modernizr actually uses html5shiv plus adds a whole lot more.
You would basically put a link to html5shiv.js inside conditional comments in the head of your page.
Like so.
Code:
<!--[if lt IE 9]>
<script src="dist/html5shiv.js"></script>
<![endif]-->
link to site

So should i put the modernizr.js in the js folder, and paste the above script in my head after my stylesheet reference?

EDIT: Tried this, to no avail...
Edited by Eric335 - 10/17/12 at 3:29pm
    
CPUMotherboardGraphicsRAM
i5-3570k ASUS MAXIMUS V FORMULA Gigabyte GTX 670 G.SKILL Ripjaws X Series 16GB (2 x 8GB) 240-Pin... 
Hard DriveHard DriveOptical DriveCooling
Hitachi 2TB 7200RPM Crucial M4 128GB SSD ASUS 24X DVD-Burner Corsair H100 Extreme Liquid Cooling 
CoolingCoolingOSMonitor
NZXT Blue LED 140mm Fans NZXT Switch 810 Case Fbnans- 140mm Windows 7 Professional 64-Bit ASUS VE278Q 
KeyboardPowerCaseMouse
Logitech G510 Antec High Current Gamer Series 900W PSU NZXT Switch 810 Mionix Naos 3200 
Mouse PadAudioAudioOther
Kensington 56001 Optical-Enhancing Mouse Pad JVC Sound System Corsair Vengeance 2000 NZXT Sentry-2 Fan Controller 
Other
NZXT Hue 
  hide details  
Reply
    
CPUMotherboardGraphicsRAM
i5-3570k ASUS MAXIMUS V FORMULA Gigabyte GTX 670 G.SKILL Ripjaws X Series 16GB (2 x 8GB) 240-Pin... 
Hard DriveHard DriveOptical DriveCooling
Hitachi 2TB 7200RPM Crucial M4 128GB SSD ASUS 24X DVD-Burner Corsair H100 Extreme Liquid Cooling 
CoolingCoolingOSMonitor
NZXT Blue LED 140mm Fans NZXT Switch 810 Case Fbnans- 140mm Windows 7 Professional 64-Bit ASUS VE278Q 
KeyboardPowerCaseMouse
Logitech G510 Antec High Current Gamer Series 900W PSU NZXT Switch 810 Mionix Naos 3200 
Mouse PadAudioAudioOther
Kensington 56001 Optical-Enhancing Mouse Pad JVC Sound System Corsair Vengeance 2000 NZXT Sentry-2 Fan Controller 
Other
NZXT Hue 
  hide details  
Reply
post #15 of 28
Quote:
Originally Posted by Eric335 View Post

So should i put the modernizr.js in the js folder, and paste the above script in my head after my stylesheet reference?

Pretty much. My example was for html5shiv. Modernizr should be included in your head, after your css declarations.

So for that you would just have the following without any conditional comments surrounding it (Your path may and probably will be different).
Code:
<script src="/includes/script/libs/modernizr-2.0.6.min.js"></script>

Once this is included, it should work its magic without you having to do anything else.

The easist way to see if modernizr is working, is to use firebug, chrome developer tools or similar. If you look at the html tag in the dom tree you will see something like so:
Code:
<html class=" js flexbox canvas canvastext webgl no-touch geolocation postmessage no-websqldatabase indexeddb hashchange history draganddrop websockets rgba hsla multiplebgs backgroundsize borderimage borderradius boxshadow textshadow opacity cssanimations csscolumns cssgradients no-cssreflections csstransforms csstransforms3d csstransitions fontface generatedcontent video audio localstorage sessionstorage webworkers applicationcache svg inlinesvg smil svgclippaths" lang="en">

All of those classes are added by modernizr indicating what functionality the browser supports.

An example from older browser like IE8 would look like so
Code:
<html class=" ie8 oldie js no-flexbox no-canvas no-canvastext no-webgl no-touch no-geolocation postmessage no-websqldatabase no-indexeddb hashchange no-history draganddrop no-websockets no-rgba no-hsla no-multiplebgs no-backgroundsize no-borderimage no-borderradius no-boxshadow no-textshadow no-opacity no-cssanimations no-csscolumns no-cssgradients no-cssreflections no-csstransforms no-csstransforms3d no-csstransitions fontface generatedcontent no-video no-audio localstorage sessionstorage no-webworkers no-applicationcache no-svg no-inlinesvg no-smil no-svgclippaths" lang="en">
White TITAN
(16 items)
 
   
CPUMotherboardGraphicsRAM
intel core i7-3770k Asus Z77 Sabertooth EVGA Titan SC Corsair Dominator Platinum 16GB (2x8GB) 
Hard DriveHard DriveHard DriveOptical Drive
Samsung 840 Pro  WD Black Crucial M4 LG Blueray 
CoolingOSMonitorPower
Swiftech H220 Windows 7 64bit Dell 2311h Ultrasharp x 2 Corsair AX850 
CaseMouseMouse PadAudio
Fractal Design Define R4 White (w/ Window) Logitech G700 Razer Control Edition Sound Blaster ZxR 
CPUMotherboardGraphicsRAM
Intel 980x Asus Rampage iii Extreme EVGA GTX580 SLI Patriot Viper Xtreme 12GB DDR3 2000 (PC3 16000) 
Hard DriveHard DriveHard DriveOptical Drive
120GB Corsair Force Series 3 SSD WD Caviar Black 640GB Crucial M4 128GB SSD LG Black Blu-ray Drive SATA Model UH12LS28 
CoolingCoolingCoolingCooling
XSPC RX360 and RX120 Rads Watercool HeatKiller 3.0 Limited Edition Black ... XSPC Dual Bay Res with Swiftech MCP655 Pump Silver Shining Bitspower Compression Fittings 
CoolingCoolingCoolingCooling
PrimoFlex Pro LRT Black Tubing -1/2in. ID X 3/4in. 3x Gentle Typhoon 120mm Fan 1850RPM (AP-15)  1x Noiseblocker NB-BlackSilentPro PL-2 120mm Ul... Koolance VID-NX580 Full Cover GPU Waterblock x2 
OSMonitorKeyboardPower
Windows 7 Home Premium x64 Dell U2311 Ultrasharp x2 Max Keyboard Nighthawk X8 Semi-Custom - Mechani... Antec High Current Gamer 900W 
CaseMouseMouse PadAudio
Xigmatek Elysium Black Logitech G700 Razer Goliathus Creative Sound Blaster Recon3D Fatal1ty Pro 
  hide details  
Reply
White TITAN
(16 items)
 
   
CPUMotherboardGraphicsRAM
intel core i7-3770k Asus Z77 Sabertooth EVGA Titan SC Corsair Dominator Platinum 16GB (2x8GB) 
Hard DriveHard DriveHard DriveOptical Drive
Samsung 840 Pro  WD Black Crucial M4 LG Blueray 
CoolingOSMonitorPower
Swiftech H220 Windows 7 64bit Dell 2311h Ultrasharp x 2 Corsair AX850 
CaseMouseMouse PadAudio
Fractal Design Define R4 White (w/ Window) Logitech G700 Razer Control Edition Sound Blaster ZxR 
CPUMotherboardGraphicsRAM
Intel 980x Asus Rampage iii Extreme EVGA GTX580 SLI Patriot Viper Xtreme 12GB DDR3 2000 (PC3 16000) 
Hard DriveHard DriveHard DriveOptical Drive
120GB Corsair Force Series 3 SSD WD Caviar Black 640GB Crucial M4 128GB SSD LG Black Blu-ray Drive SATA Model UH12LS28 
CoolingCoolingCoolingCooling
XSPC RX360 and RX120 Rads Watercool HeatKiller 3.0 Limited Edition Black ... XSPC Dual Bay Res with Swiftech MCP655 Pump Silver Shining Bitspower Compression Fittings 
CoolingCoolingCoolingCooling
PrimoFlex Pro LRT Black Tubing -1/2in. ID X 3/4in. 3x Gentle Typhoon 120mm Fan 1850RPM (AP-15)  1x Noiseblocker NB-BlackSilentPro PL-2 120mm Ul... Koolance VID-NX580 Full Cover GPU Waterblock x2 
OSMonitorKeyboardPower
Windows 7 Home Premium x64 Dell U2311 Ultrasharp x2 Max Keyboard Nighthawk X8 Semi-Custom - Mechani... Antec High Current Gamer 900W 
CaseMouseMouse PadAudio
Xigmatek Elysium Black Logitech G700 Razer Goliathus Creative Sound Blaster Recon3D Fatal1ty Pro 
  hide details  
Reply
post #16 of 28
Thread Starter 
Quote:
Originally Posted by glakr View Post

Pretty much. My example was for html5shiv. Modernizr should be included in your head, after your css declarations.
So for that you would just have the following without any conditional comments surrounding it (Your path may and probably will be different).
Code:
<script src="/includes/script/libs/modernizr-2.0.6.min.js"></script>
Once this is included, it should work its magic without you having to do anything else.
The easist way to see if modernizr is working, is to use firebug, chrome developer tools or similar. If you look at the html tag in the dom tree you will see

So, for my head:
Code:
<!DOCTYPE HTML>
<html>
<head>
<title>bleh</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<noscript>
<link rel="stylesheet" href="css/5grid/core.css" />
<link rel="stylesheet" href="css/5grid/core-desktop.css" />
<link rel="stylesheet" href="css/5grid/core-1200px.css" />
<link rel="stylesheet" href="css/5grid/core-noscript.css" />
<link rel="stylesheet" href="css/style.css" />
<link rel="stylesheet" href="css/style-desktop.css" />
</noscript>
####DO I PUT IT RIGHT HERE?####
<script src="css/5grid/jquery.js"></script>
<script src="css/5grid/init.js?use=mobile,desktop,1000px&amp;mobileUI=1&amp;mobileUI.theme=none&amp;mobileUI.openerWidth=52"></script>
<!--[if IE 9]><link rel="stylesheet" href="css/style-ie9.css" /><![endif]-->



I placed it there, and it still isnt working....
Edited by Eric335 - 10/17/12 at 3:44pm
    
CPUMotherboardGraphicsRAM
i5-3570k ASUS MAXIMUS V FORMULA Gigabyte GTX 670 G.SKILL Ripjaws X Series 16GB (2 x 8GB) 240-Pin... 
Hard DriveHard DriveOptical DriveCooling
Hitachi 2TB 7200RPM Crucial M4 128GB SSD ASUS 24X DVD-Burner Corsair H100 Extreme Liquid Cooling 
CoolingCoolingOSMonitor
NZXT Blue LED 140mm Fans NZXT Switch 810 Case Fbnans- 140mm Windows 7 Professional 64-Bit ASUS VE278Q 
KeyboardPowerCaseMouse
Logitech G510 Antec High Current Gamer Series 900W PSU NZXT Switch 810 Mionix Naos 3200 
Mouse PadAudioAudioOther
Kensington 56001 Optical-Enhancing Mouse Pad JVC Sound System Corsair Vengeance 2000 NZXT Sentry-2 Fan Controller 
Other
NZXT Hue 
  hide details  
Reply
    
CPUMotherboardGraphicsRAM
i5-3570k ASUS MAXIMUS V FORMULA Gigabyte GTX 670 G.SKILL Ripjaws X Series 16GB (2 x 8GB) 240-Pin... 
Hard DriveHard DriveOptical DriveCooling
Hitachi 2TB 7200RPM Crucial M4 128GB SSD ASUS 24X DVD-Burner Corsair H100 Extreme Liquid Cooling 
CoolingCoolingOSMonitor
NZXT Blue LED 140mm Fans NZXT Switch 810 Case Fbnans- 140mm Windows 7 Professional 64-Bit ASUS VE278Q 
KeyboardPowerCaseMouse
Logitech G510 Antec High Current Gamer Series 900W PSU NZXT Switch 810 Mionix Naos 3200 
Mouse PadAudioAudioOther
Kensington 56001 Optical-Enhancing Mouse Pad JVC Sound System Corsair Vengeance 2000 NZXT Sentry-2 Fan Controller 
Other
NZXT Hue 
  hide details  
Reply
post #17 of 28
Thread Starter 
ill PM you the link to my website and post how my files are laid out on the host if you would like to help redface.gif
Edited by Eric335 - 10/17/12 at 4:04pm
    
CPUMotherboardGraphicsRAM
i5-3570k ASUS MAXIMUS V FORMULA Gigabyte GTX 670 G.SKILL Ripjaws X Series 16GB (2 x 8GB) 240-Pin... 
Hard DriveHard DriveOptical DriveCooling
Hitachi 2TB 7200RPM Crucial M4 128GB SSD ASUS 24X DVD-Burner Corsair H100 Extreme Liquid Cooling 
CoolingCoolingOSMonitor
NZXT Blue LED 140mm Fans NZXT Switch 810 Case Fbnans- 140mm Windows 7 Professional 64-Bit ASUS VE278Q 
KeyboardPowerCaseMouse
Logitech G510 Antec High Current Gamer Series 900W PSU NZXT Switch 810 Mionix Naos 3200 
Mouse PadAudioAudioOther
Kensington 56001 Optical-Enhancing Mouse Pad JVC Sound System Corsair Vengeance 2000 NZXT Sentry-2 Fan Controller 
Other
NZXT Hue 
  hide details  
Reply
    
CPUMotherboardGraphicsRAM
i5-3570k ASUS MAXIMUS V FORMULA Gigabyte GTX 670 G.SKILL Ripjaws X Series 16GB (2 x 8GB) 240-Pin... 
Hard DriveHard DriveOptical DriveCooling
Hitachi 2TB 7200RPM Crucial M4 128GB SSD ASUS 24X DVD-Burner Corsair H100 Extreme Liquid Cooling 
CoolingCoolingOSMonitor
NZXT Blue LED 140mm Fans NZXT Switch 810 Case Fbnans- 140mm Windows 7 Professional 64-Bit ASUS VE278Q 
KeyboardPowerCaseMouse
Logitech G510 Antec High Current Gamer Series 900W PSU NZXT Switch 810 Mionix Naos 3200 
Mouse PadAudioAudioOther
Kensington 56001 Optical-Enhancing Mouse Pad JVC Sound System Corsair Vengeance 2000 NZXT Sentry-2 Fan Controller 
Other
NZXT Hue 
  hide details  
Reply
post #18 of 28
Quote:
Originally Posted by Eric335 View Post

So, for my head:
Code:
<!DOCTYPE HTML>
<html>
<head>
<title>bleh</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<noscript>
<link rel="stylesheet" href="css/5grid/core.css" />
<link rel="stylesheet" href="css/5grid/core-desktop.css" />
<link rel="stylesheet" href="css/5grid/core-1200px.css" />
<link rel="stylesheet" href="css/5grid/core-noscript.css" />
<link rel="stylesheet" href="css/style.css" />
<link rel="stylesheet" href="css/style-desktop.css" />
</noscript>
####DO I PUT IT RIGHT HERE?####
<script src="css/5grid/jquery.js"></script>
<script src="css/5grid/init.js?use=mobile,desktop,1000px&amp;mobileUI=1&amp;mobileUI.theme=none&amp;mobileUI.openerWidth=52"></script>
<!--[if IE 9]><link rel="stylesheet" href="css/style-ie9.css" /><![endif]-->
I placed it there, and it still isnt working....

Yes, right there should work. Are you sure you have your paths correct? Are you really putting your js files in the css/5grid/ directory?

Why the tags around your css declarations? I don't believe that is valid as noscript can only be in the body if I am not mistaken.
White TITAN
(16 items)
 
   
CPUMotherboardGraphicsRAM
intel core i7-3770k Asus Z77 Sabertooth EVGA Titan SC Corsair Dominator Platinum 16GB (2x8GB) 
Hard DriveHard DriveHard DriveOptical Drive
Samsung 840 Pro  WD Black Crucial M4 LG Blueray 
CoolingOSMonitorPower
Swiftech H220 Windows 7 64bit Dell 2311h Ultrasharp x 2 Corsair AX850 
CaseMouseMouse PadAudio
Fractal Design Define R4 White (w/ Window) Logitech G700 Razer Control Edition Sound Blaster ZxR 
CPUMotherboardGraphicsRAM
Intel 980x Asus Rampage iii Extreme EVGA GTX580 SLI Patriot Viper Xtreme 12GB DDR3 2000 (PC3 16000) 
Hard DriveHard DriveHard DriveOptical Drive
120GB Corsair Force Series 3 SSD WD Caviar Black 640GB Crucial M4 128GB SSD LG Black Blu-ray Drive SATA Model UH12LS28 
CoolingCoolingCoolingCooling
XSPC RX360 and RX120 Rads Watercool HeatKiller 3.0 Limited Edition Black ... XSPC Dual Bay Res with Swiftech MCP655 Pump Silver Shining Bitspower Compression Fittings 
CoolingCoolingCoolingCooling
PrimoFlex Pro LRT Black Tubing -1/2in. ID X 3/4in. 3x Gentle Typhoon 120mm Fan 1850RPM (AP-15)  1x Noiseblocker NB-BlackSilentPro PL-2 120mm Ul... Koolance VID-NX580 Full Cover GPU Waterblock x2 
OSMonitorKeyboardPower
Windows 7 Home Premium x64 Dell U2311 Ultrasharp x2 Max Keyboard Nighthawk X8 Semi-Custom - Mechani... Antec High Current Gamer 900W 
CaseMouseMouse PadAudio
Xigmatek Elysium Black Logitech G700 Razer Goliathus Creative Sound Blaster Recon3D Fatal1ty Pro 
  hide details  
Reply
White TITAN
(16 items)
 
   
CPUMotherboardGraphicsRAM
intel core i7-3770k Asus Z77 Sabertooth EVGA Titan SC Corsair Dominator Platinum 16GB (2x8GB) 
Hard DriveHard DriveHard DriveOptical Drive
Samsung 840 Pro  WD Black Crucial M4 LG Blueray 
CoolingOSMonitorPower
Swiftech H220 Windows 7 64bit Dell 2311h Ultrasharp x 2 Corsair AX850 
CaseMouseMouse PadAudio
Fractal Design Define R4 White (w/ Window) Logitech G700 Razer Control Edition Sound Blaster ZxR 
CPUMotherboardGraphicsRAM
Intel 980x Asus Rampage iii Extreme EVGA GTX580 SLI Patriot Viper Xtreme 12GB DDR3 2000 (PC3 16000) 
Hard DriveHard DriveHard DriveOptical Drive
120GB Corsair Force Series 3 SSD WD Caviar Black 640GB Crucial M4 128GB SSD LG Black Blu-ray Drive SATA Model UH12LS28 
CoolingCoolingCoolingCooling
XSPC RX360 and RX120 Rads Watercool HeatKiller 3.0 Limited Edition Black ... XSPC Dual Bay Res with Swiftech MCP655 Pump Silver Shining Bitspower Compression Fittings 
CoolingCoolingCoolingCooling
PrimoFlex Pro LRT Black Tubing -1/2in. ID X 3/4in. 3x Gentle Typhoon 120mm Fan 1850RPM (AP-15)  1x Noiseblocker NB-BlackSilentPro PL-2 120mm Ul... Koolance VID-NX580 Full Cover GPU Waterblock x2 
OSMonitorKeyboardPower
Windows 7 Home Premium x64 Dell U2311 Ultrasharp x2 Max Keyboard Nighthawk X8 Semi-Custom - Mechani... Antec High Current Gamer 900W 
CaseMouseMouse PadAudio
Xigmatek Elysium Black Logitech G700 Razer Goliathus Creative Sound Blaster Recon3D Fatal1ty Pro 
  hide details  
Reply
post #19 of 28
Thread Starter 
Quote:
Originally Posted by glakr View Post

Yes, right there should work. Are you sure you have your paths correct? Are you really putting your js files in the css/5grid/ directory?
Why the tags around your css declarations? I don't believe that is valid as noscript can only be in the body if I am not mistaken.

I got this HTML from a template. Im not terribly sure what they did there redface.gif

Edit: Here is my updated head, it works:

Code:
<!DOCTYPE HTML>
<html>
<head>
<title>Naples Custom PC Solutions</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<link rel="stylesheet" href="css/5grid/core.css" />
<link rel="stylesheet" href="css/5grid/core-desktop.css" />
<link rel="stylesheet" href="css/5grid/core-1200px.css" />
<link rel="stylesheet" href="css/5grid/core-noscript.css" />
<link rel="stylesheet" href="css/style.css" />
<link rel="stylesheet" href="css/style-desktop.css" />
<script src="css/5grid/jquery.js"></script>
<script src="css/5grid/init.js?use=mobile,desktop,1000px&amp;mobileUI=1&amp;mobileUI.theme=none&amp;mobileUI.openerWidth=52"></script>
<!--[if IE 9]><link rel="stylesheet" href="css/style-ie9.css" /><![endif]-->
<script src="modernizr.custom.13107.js"></script>
</head><body>

Just removed the noscript tags, and it works! No idea why! biggrin.gif Now i just need to add the script source to each html page, which is not a big deal.



I +Rep'd you 2 times Glakr, thanks so much.
Edited by Eric335 - 10/17/12 at 7:05pm
    
CPUMotherboardGraphicsRAM
i5-3570k ASUS MAXIMUS V FORMULA Gigabyte GTX 670 G.SKILL Ripjaws X Series 16GB (2 x 8GB) 240-Pin... 
Hard DriveHard DriveOptical DriveCooling
Hitachi 2TB 7200RPM Crucial M4 128GB SSD ASUS 24X DVD-Burner Corsair H100 Extreme Liquid Cooling 
CoolingCoolingOSMonitor
NZXT Blue LED 140mm Fans NZXT Switch 810 Case Fbnans- 140mm Windows 7 Professional 64-Bit ASUS VE278Q 
KeyboardPowerCaseMouse
Logitech G510 Antec High Current Gamer Series 900W PSU NZXT Switch 810 Mionix Naos 3200 
Mouse PadAudioAudioOther
Kensington 56001 Optical-Enhancing Mouse Pad JVC Sound System Corsair Vengeance 2000 NZXT Sentry-2 Fan Controller 
Other
NZXT Hue 
  hide details  
Reply
    
CPUMotherboardGraphicsRAM
i5-3570k ASUS MAXIMUS V FORMULA Gigabyte GTX 670 G.SKILL Ripjaws X Series 16GB (2 x 8GB) 240-Pin... 
Hard DriveHard DriveOptical DriveCooling
Hitachi 2TB 7200RPM Crucial M4 128GB SSD ASUS 24X DVD-Burner Corsair H100 Extreme Liquid Cooling 
CoolingCoolingOSMonitor
NZXT Blue LED 140mm Fans NZXT Switch 810 Case Fbnans- 140mm Windows 7 Professional 64-Bit ASUS VE278Q 
KeyboardPowerCaseMouse
Logitech G510 Antec High Current Gamer Series 900W PSU NZXT Switch 810 Mionix Naos 3200 
Mouse PadAudioAudioOther
Kensington 56001 Optical-Enhancing Mouse Pad JVC Sound System Corsair Vengeance 2000 NZXT Sentry-2 Fan Controller 
Other
NZXT Hue 
  hide details  
Reply
post #20 of 28
Thread Starter 
UPDATE:

I have gotten Modernizer to work on my website, and IE8 (my old-school browser testbench) is picturing the website correctly.

The only problem is this:

Firefox 15.01 Working


IE8 Not working


Aside from this banner and the appearance of the buttons (it looks slightly different), everything is working fine. I really need to fix this, as it is the main way to navigate the website.... The first one is displaying it correctly, while IE8 refuses to display anything but 'Home'.


The code for this section:
Code:
<body>
<div id="wrapper">
        <div id="header-wrapper">
                <header id="header">
                        <div class="5grid-layout">
                                <div id="menu">
                                        <nav class="mobileUI-site-nav">
                                                <ul>
                                                        <li class="active"><a href="index.html">Home</a></li>
                                                        <li><a href="about.html">About Us</a></li>
                                                        <li><a href="services.html">Services</a></li>
                                                        <li><a href="contact.html">Contact</a></li>
                                                </ul>
                                        </nav>
                                </div>
                        </div>


Really not sure what is not being translated incorrectly. If i could get this to work, i will forever be in your debt! tongue.gif
Edited by Eric335 - 10/17/12 at 7:12pm
    
CPUMotherboardGraphicsRAM
i5-3570k ASUS MAXIMUS V FORMULA Gigabyte GTX 670 G.SKILL Ripjaws X Series 16GB (2 x 8GB) 240-Pin... 
Hard DriveHard DriveOptical DriveCooling
Hitachi 2TB 7200RPM Crucial M4 128GB SSD ASUS 24X DVD-Burner Corsair H100 Extreme Liquid Cooling 
CoolingCoolingOSMonitor
NZXT Blue LED 140mm Fans NZXT Switch 810 Case Fbnans- 140mm Windows 7 Professional 64-Bit ASUS VE278Q 
KeyboardPowerCaseMouse
Logitech G510 Antec High Current Gamer Series 900W PSU NZXT Switch 810 Mionix Naos 3200 
Mouse PadAudioAudioOther
Kensington 56001 Optical-Enhancing Mouse Pad JVC Sound System Corsair Vengeance 2000 NZXT Sentry-2 Fan Controller 
Other
NZXT Hue 
  hide details  
Reply
    
CPUMotherboardGraphicsRAM
i5-3570k ASUS MAXIMUS V FORMULA Gigabyte GTX 670 G.SKILL Ripjaws X Series 16GB (2 x 8GB) 240-Pin... 
Hard DriveHard DriveOptical DriveCooling
Hitachi 2TB 7200RPM Crucial M4 128GB SSD ASUS 24X DVD-Burner Corsair H100 Extreme Liquid Cooling 
CoolingCoolingOSMonitor
NZXT Blue LED 140mm Fans NZXT Switch 810 Case Fbnans- 140mm Windows 7 Professional 64-Bit ASUS VE278Q 
KeyboardPowerCaseMouse
Logitech G510 Antec High Current Gamer Series 900W PSU NZXT Switch 810 Mionix Naos 3200 
Mouse PadAudioAudioOther
Kensington 56001 Optical-Enhancing Mouse Pad JVC Sound System Corsair Vengeance 2000 NZXT Sentry-2 Fan Controller 
Other
NZXT Hue 
  hide details  
Reply
New Posts  All Forums:Forum Nav:
  Return Home
  Back to Forum: Web Coding
Overclock.net › Forums › Software, Programming and Coding › Coding and Programming › Web Coding › HTML5 website, how do i make it load on old browsers