Could you please test this site

Does the left navigation bar scroll all the way to the bottom in FF and IE for you guys? It only does it in IE for me... and yes meant to say Test link as im just making the template at the moment :)
 
jcb33 said:
Does the left navigation bar scroll all the way to the bottom in FF and IE for you guys? It only does it in IE for me... and yes meant to say Test link as im just making the template at the moment :)
Click to expand...

.. whatt scroll bar :p

Oh I get it... no it doesn't.
 
Last edited:
In Firefox:

firefox.JPG


In IE:

IE.JPG
 
Clarkey said:
the text doesn't fit in the horizontal nav bar, and it gives a horizontal scroll bar too.
Click to expand...
Yes, well im not sure how to fix the text, i want it in the middle but it wont go, but for now im more worried about sorting out the left nav bar
 
Code: 
[COLOR=Red]<div id="wrap">[/COLOR]

<div id="logo"><img src="assets/images/global/logo.jpg" alt="Banner, containing images of hardware, and the text Overclockersvortex.co.uk" name="Site_Banner" width="1000" height="100" /></div>

<div id="navbar"><!--#include virtual="assets/library/global/nav_bar.html" --></div>

<div id="sidenavbar"><!--#include virtual="assets/library/global/left_nav_bar.html" --></div>
[COLOR=Red]</div>[/COLOR]
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN""http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta name="description" content="This website relates to computer hardware, software, modding, overclocking and more"/>
<meta name="keywords" content="Jcb33,Computer,Computers,Overclocking,Overclock,Overclocked,Hardware,Software,Graphics,CPU,Monitor,Motherboard,Memory" />
<meta name="Author" content="Jason Gunn" />
<title>Welcome To Overclockersvortex.co.uk, Technology, Tips And More</title>
<link rel="stylesheet" href="assets/css/Style.css" type="text/css">
</head>
<body>
<div id="wrap">
<div id="logo"><img src="assets/images/global/logo.jpg" alt="Banner, containing images of hardware, and the text Overclockersvortex.co.uk" name="Site_Banner" width="1000" height="100" /></div>
<div id="navbar">:<a href="http://forums.jcb33.co.uk/">Test Link!</a>: :<a href="http://forums.jcb33.co.uk/">Test Link!</a>: : <a href="http://forums.jcb33.co.uk/">Test Link!</a>: :<a href="http://forums.jcb33.co.uk/">Test Link!</a>:</div>
<div id="sidenavbar"><p><a href="http://forums.jcb33.co.uk/">Test Link!</a></p>
<p><a href="http://forums.jcb33.co.uk/">Test Link!</a></p>
<p><a href="http://forums.jcb33.co.uk/">Test Link!</a></p>
<p><a href="http://forums.jcb33.co.uk/">Test Link!</a></p>
<p><a href="http://forums.jcb33.co.uk/">Test Link!</a></p>
<p><a href="http://forums.jcb33.co.uk/">Test Link!</a></p></div>
<div id="content">
<h1>Welcome to Overclockersvortex.co.uk</h1>
<p>This site aims to bring reviews of the latest hardware, and software, from motherboards, memory, and hard drives to operating systems, games and more! We are a fairly new site however, so please excuse the current lack of content, more will be added over time.</p>
<p>Test Content</p>
<p>Test Content</p>
<p><a href="http://forums.jcb33.co.uk/">Test Link!</a></p>
</div>
</div>
</body>
</html>



html {
height: 100%;
}

body {
font: 100% Verdana, Arial, Helvetica, sans-serif;
width: 100%;
height: 100%;
color: #000000;
text-align: center;
margin: 0px;
padding: 0px;
overflow: inherit;
}
div#wrap {
background-color: #FFFFFF;
position: relative;
min-height: 100%;
height:auto !important;
height:100%;
}
div#logo {
width:auto;
height:100px;
background-color: #C0C0C0;
text-align: center;
overflow: inherit;
}
div#navbar {
font: 100% Verdana, Arial, Helvetica, sans-serif;
width:100%;
height:28px;
color: #000000;
text-align: center;
background-color: #C0C0C0;
background-image: url(../images/global/nav_bar.gif);
padding-top: 4px;
font-size: 90%;
}

div#sidenavbar {
font: 100% verdana, Arial, Helvetica, sans-serif;
color: #000000;
text-align: left;
width: 150px;
height: 100%;
position: fixed;
float: left;
background-color: #C0C0C0;
border-right: 1px solid #000000;
}

div#content {
margin: 0 15px 0 150px;
padding-left: 20px;
}
 
You must log in or register to reply here.
Back
Top Bottom