14 replies [Last post]
HomerSimpson
Offline
Regular
Last seen: 13 years 16 weeks ago
Timezone: GMT-4
Joined: 2008-05-06
Posts: 40
Points: 0

Although I do not have a horizontal scrollbar, I can depress the mouse wheel and reveal about 2" of excess page to the right, why is this? I have this established in my css

body 
{overflow:hidden;
	width:100%;
	height: 100%;
	background-color: #ffffff;
	color: #85859c;
	font-family: tahoma, arial, sans-serif;
	font-size: 10px;
	text-align: center;

Deuce
Deuce's picture
Offline
Guru
Somewhere, USA
Last seen: 5 years 29 weeks ago
Somewhere, USA
Timezone: GMT-5
Joined: 2005-11-20
Posts: 4424
Points: 1843

Not info information for a

Not info information for a good response, but it looks like you are missing your closing bracket for the body.
Would need to see all the code or better yet a link.

all » http://dictionary.reference.com/browse/all

Google isn't a bunch of guys reading and grading web sites, it's more like a bunch of monkeys sniffing food and putting the good bananas at the top. -Triumph

HomerSimpson
Offline
Regular
Last seen: 13 years 16 weeks ago
Timezone: GMT-4
Joined: 2008-05-06
Posts: 40
Points: 0

I actually do have the

I actually do have the closing bracket, just a lazy paste job.
However, my code is way long and without hampering you with it, what would you guess that could be causing the problem or what I could do to prevent it if my description of it is familiar to you?

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 8 years 4 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

Homer you have 30 posts to

Homer you have 30 posts to your name, so you should understand what is needed to help people with problems.

Please do not ask us to 'guess' at things few of us have a care to be guessing, if you can't provide all your code then provide a link but one way or another you are going to need to do a little work if you want a helpful response.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

HomerSimpson
Offline
Regular
Last seen: 13 years 16 weeks ago
Timezone: GMT-4
Joined: 2008-05-06
Posts: 40
Points: 0

ok, I copied the css from a

ok, I copied the css from a template somewhere and added a few of my own amateur lines. Hope u don't get frazzled with this and sure appreciate the consideration.

CSS is HERE

* {
	margin: 0px;
	padding: 0px;
}
 
html {
	overflow-x: hidden;
 
 
}
 
 
body 
{overflow:hidden;
	width:100%;
	height: 100%;
	background-color: #ffffff;
	color: #85859c;
	font-family: tahoma, arial, sans-serif;
	font-size: 10px;
	text-align: center;
}
 
a {
	color: #85859c;
	text-decoration: underline;
}
 
a:hover {
	color: #69699c;
}
 
 
 
img {
	border: none;
}
 
p {
	margin: 10px 0px 5px;
	text-align: justify;
	line-height: 14px;
}
 
.divblock1
{clear:both;
position: absolute;
 width: 73px; height: 200px;
 
}
 
 
.addblock
{
left: 160px;
top: 152px;
text-align: center;
position:  absolute;
background-color: blue;
}
 
 
 
 
.clearthis {
	margin : 0px;
	height : 1px;
	clear : both;
	float : none;
	font-size : 1px;
	line-height : 0px;
	overflow : hidden;
}
 
#container {
	margin: 0px auto;
	width: 780px;
	border-color: #9e9ec3;
	border-width: 0px 1px 1px;
	border-style: solid;
}
 
 
 
 
/* Page Header */
 
#page_header {
	width: 100%;
	height: 120px;
	color: #fff;
	background: url('images/header_background.gif') repeat-x 0px 0px;
	overflow: hidden;
	border-style:double;
	border-color:Green;
}
 
#page_header a {
	color: #fff;
	text-decoration: none;
}
 
#page_header a:hover {
	color: #e1e1e1;
}
 
#page_heading {
	width: 190px;
	height: 75px;
 
	float: left;
}
 
#page_heading h1 {
	width: 190px;
	height: 52px;
	background: url('images/company_name.jpg') no-repeat 56px 36px;
	float: left;
}
 
#page_heading h2 {
	width: 190px;
	height: 16px;
	background: url('images/company_punchline.jpg') no-repeat 56px 2px;
	float: left;
	clear: both;
}
 
#page_headerlinks {
	padding-right: 20px;
	padding-top: 25px;
	width: 275px;
	float: right;
	text-align: left;
	word-spacing: -1px;
}
 
#page_headerlinks ul {
	list-style-type: none;	
}
 
#page_headerlinks li {
	padding: 0px 10px 0px 9px;
	float: left;
	list-style-type: none;
	background: url('images/header_toplinks_div.gif') no-repeat 100% 2px;
}
 
#page_headerlinks li.last {
	padding-right: 0px;
	background: none;
}
 
#page_headersearch {
	padding-right: 30px;
	padding-top: 25px;
	float: right;
	clear: right;
	width: 255px;
	text-align: left;
	word-spacing: -1px;
	overflow : hidden;
}
 
#page_headersearch h3 {
	float: left;
	font-weight: bold;
	font-size: 12px;
}
 
#page_headersearch form {
	padding-left: 3px;
	float: left;
}
 
#page_headersearch input {
	margin-top: 1px;
	padding-left: 2px;
	width: 158px;
	height: 14px;
	float: left;
	border: none;
}
 
#page_headersearch input.button {
	padding: 0px;
	margin-top: 0px;
	margin-left: 5px;
	width: 34px;
	height: 16px;
	background-color: transparent;
	float: left;
}
 
 
/* Main Navigation Menu */
 
#page_menu {
	margin-bottom: 1px;
	width: 100%;
	height: 100%;
	position:absolute
}
 
#page_menu ul {
	width: 120%;
	height: 21px;
	list-style-type: none;
	overflow: hidden;
}
 
#page_menu li {
	margin-right: 1px;
	width: 129px;
	height: 21px;
	float: left;
	background: url('images/menu_background.gif') repeat-x 0px 0px;
	overflow: hidden;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
}
 
#page_menu li.last {
	margin-right: 0px;
	width: 130px;
}
 
#page_menu a {
	padding-top: 3px;
	display: block;
	color: #fff;
	text-decoration: none;
}
 
#page_menu a:hover {
	color: #e1e1e1;
}
 
 
/* Left Sidebar */
 
#left_sidebar {
	width: 129px;
	float: left;
	text-align: left;
	color: #8989b6;
}
 
#left_sidebar a {
	color: #8989b6;
}
 
#left_sidebar a:hover {
	color: #75759c;
}
 
 
 
/* Left Sidebar: Newsletter Signup Box */
 
#newsletter {
	margin-bottom: 2px;
	padding: 5px 5px 15px;
	width: 118px;
	border-color: #9e9ec3;
	border-width: 1px 1px 1px 0px;
	border-style: solid;
	overflow: hidden;
	font-weight: bold;
}
 
#newsletter h2 {
	padding-bottom: 10px;
	font-size: 10px;
}
 
#newsletter input {
	padding-left: 0px;
	width: 115px;
	height: 16px;
	border: #bfbfe6 1px solid;
	float: left;
	clear: left;
}
 
#newsletter input.button {
	margin-top: 3px;
	margin-left: 95px;
	width: 22px;
	height: 13px;
	border: none;
}
 
#newsletter #link_cancel {
	margin-top: 5px;
}
 
 
/* Left Sidebar : Categories */
 
#categories {
	margin-bottom: 1px;
	padding: 1px 1px 1px 0px;
	border-color: #9e9ec3;
	border-width: 1px 1px 1px 0px;
	border-style: solid;
	text-align: center;
}
 
#categories_header {
	margin-bottom: 2px;
	width: 127px;
	height: 20px;
	background-color: #9e9ec3;
	overflow: hidden;
}
 
#categories_header h2 {
	margin-top: 3px;
	margin-left: 5px;
	color: #fff;
	font-size: 10px;
	font-weight: bold;
}
 
#categories ul {
	margin: 0px auto;
	width: 120px;
	list-style-type: none;
}
 
#categories li {
	width: 120px;
	height: 21px;
	list-style-type: none;
	text-align: left;
	border-bottom: #b6b6d2 1px solid;
	float: left;
}
 
#categories li.last {
	border: none;
}
 
#categories li a {
	margin-top: 4px;
	margin-left: 6px;
	display: block;
	color: #7575a9;
	text-decoration: none;
}
 
#categories li a:hover {
	color: #56567c;
}
 
 
/* Left Sidebar : Special Offer */
 
#specialoffer {
	width: 129px;
	height: 98px;
	overflow: hidden;
	background: url('images/specialoffer_background.jpg') no-repeat 0px 0px;
	color: #fff;
	font-size: 11px;
}
 
#specialoffer_text {
	width: 129px;
	height: 60px;
}
 
#specialoffer_text h2 {
	margin-top: 8px;
	margin-left: 10px;
	width: 113px;
	height: 38px;
	background: url('images/specialoffer_header.gif') no-repeat 0px 0px;
}
 
#specialoffer_link {
	margin-left: 12px;
}
 
#specialoffer_link a {
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}
 
#specialoffer_link a:hover {
	color: #f2f2f2;
}
 
 
/* Main Content Area */
 
.main_content 
{
	position:absolute;
	margin-right: 2px; 
	width: 90%;
	top:33%;
	height:100%;
	text-align: center;
    left:17%;
	border-style:hidden;
}
 
.main_content2 {
	margin-right: 2px; 
	width: 644px;
	text-align: center;
	float: right;
	border-style:dotted;
}
 
 
 
#main_content .h_divider {
	margin-bottom: 2px;
	height: 1px;
	background-color: #c2c2cd;
	overflow: hidden;
}
 
 
/* New Item Description */
 
#new_item {
	margin: 0px auto 2px;
	padding: 5px 10px;
	width: 600px;
	text-align: justify;
}
 
#new_item_header {
	margin-top: 10px;
	float: left;
	width: 348px;
}
 
#new_item_header h1 {
	color: #434367;
	font-size: 18px;
	font-weight: normal;
}
 
#new_item_header h2 {
	color: #434367;
	font-size: 14px;
	font-weight: bold;
	font-family: arial, tahoma, sans-serif;
 
}
 
#new_item_image {
	width: 245px;
	float: right;
	overflow: hidden;
	text-align: right;
}
 
#new_item_text {
	float: left;
	clear: left;
	width: 348px;
}
 
#new_item_link {
	float: left;
	clear: left;
	width: 348px;
	font-weight: bold;
	text-align: right;
}
 
#new_item_link a {
	text-decoration: none;
}
 
 
/* Sub Items Descriptions */
 
.sub_items {
	margin-bottom: 2px;
	margin-top: 5px;
	width: 644px;
	background: url('images/item_sub_background.gif') repeat-y 0px 0px;
	text-align: justify;
}
 
.sub_left {
	padding-left: 5px;
	width: 300px;
	float: left;
}
 
.sub_right {
	padding-right: 15px;
	width: 315px;
	float: right;
}
 
.sub_items_header {
	padding-left: 20px;
	padding-top: 10px;
	float: left;
	width: 110px;
}
 
.sub_items_header h1 {
	color: #434367;
	font-size: 14px;
	font-weight: bold;
	font-family: arial, tahoma, sans-serif;
}
 
.sub_items_header h2 {
	color: #434367;
	font-size: 12px;
	font-weight: normal;
	font-family: arial, tahoma, sans-serif;
}
 
.sub_items_image {
	margin-top: 15px;
	float: right;
	text-align: right;
}
 
.sub_items_text {
	padding-left: 20px;
	float: left;
	clear: left;
	width: 110px;
}
 
.sub_items_cartinfo {
	padding-top: 12px;
	padding-left: 20px;
	color: #820721;
	font-family: arial, tahoma, sans-serif;
	float: none;
	clear: both;
}
 
.sub_items_cartinfo h2 {
	font-size: 14px;
	font-weight: bold;
}
 
.sub_items_cartinfo .price {
	float: left;
	text-align: left;
}
 
.sub_items_cartinfo .addtocart {
	margin-top: 2px;
	float: right;
	width: 100px;
	height: 12px;
	text-align: left;
	background: url('images/button_addtocart.gif') no-repeat 0% 0%;
}
 
 
/* Page Footer */
 
#page_footer {
	width: 780px;
}
 
#powered_by {
	padding-top: 17px;
	float: right;
	width: 305px;
	height: 30px;
	color: #9595c2;
	text-align: center;
}
 
#powered_by a {
	color: #9595c2;
}
 
#product_brands {
	float: left;
}
 
#product_brands ul {
	width: 470px;
	list-style-type: none;
}
 
#product_brands li {
	margin: 5px 6px 3px 3px;
	height: 40px;
	list-style-type: none;
	float: left;
}
 
#product_brands li.zalcom {
	width: 107px;
	background: url('images/brand_zalcom.gif') no-repeat 0px 0px;
}
 
#product_brands li.digital {
	width: 95px;
	background: url('images/brand_digital.gif') no-repeat 0px 0px;
}
 
#product_brands li.adept {
	width: 126px;
	background: url('images/brand_adept.gif') no-repeat 0px 0px;
}
 
#product_brands li.simtel {
	width: 99px;
	background: url('images/brand_simtel.gif') no-repeat 0px 0px;
}
 
 
 
.buttonblock{
position: absolute;
left: 10%;
top: 8%;
text-align: center ;
font-size:small;
color: #000000;
height:100%;
width:80%;
border-color: green;
border-style:hidden
/*visibility:hidden; */
}
 
 
.the-recipe{
position: absolute;
left: 20%;
top: 34%;
text-align: left ;
font-size:large;
color: magenta;
height:100%;
width:70%;
border-color: black;
border-style:hidden;
/*visibility:hidden; */
}
 
 
 
 
.zlabel1
{	
	position:absolute;
	left:1%;
	top:1%;
	width:70%;
	font-size:large;
	border:visible; 
}
.table
{
	background-color:Green;
}
 
input {
 
	background-color: #fff;
	color: blue;
	font-family: courier new,tahoma, arial, sans-serif;
	font-size: 19px;
}
.but1
{
left:29%;
position:absolute;
color:White;
background-color:#69699c;
}
 
.latest
{position:absolute;
	left:51%;
	top:8%;
	width:70%;
	height:10%;
	color:yellow;
	text-align:center;
 
 
}
 
.latest2
{	width:64%;
	color:red;
	text-align:center;
	font-size:small;
	font-family:Franklin Gothic Medium;
	font-style:italic;
}
.but3
{
width:17%;
	color:White;
}

AND THE HTML HERE

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
<title> Recipes Trysomefood.com </title>
 
<script runat="server">
    Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs)
        Label4.Text = "Latest Recipe added:"
        ' Label2.Text = DetailsView1.Rows(<img src="https://csscreator.com/sites/all/modules/smileys/packs/Roving/innocent.png" title="Innocent" alt="Innocent" class="smiley-content" />.Cells(1).Text
        'Label3.Text = (DetailsView1.Rows(2).Cells(1).Text)
        LinkButton1.Text = DetailsView1.Rows(<img src="https://csscreator.com/sites/all/modules/smileys/packs/Roving/innocent.png" title="Innocent" alt="Innocent" class="smiley-content" />.Cells(1).Text
 
        DetailsView1.Visible = False
    End Sub
 
    Protected Sub LinkButton1_Click(ByVal sender As Object, ByVal e As System.EventArgs)
        'Session("latestrecipe") = LinkButton1.Text
        Session("latestrecipe2") = (DetailsView1.Rows(2).Cells(1).Text)
        Response.Redirect("dpage2.aspx")
 
    End Sub
</script> 
 
 
 
<html>
 
 
<body >
 
<form id="form1" runat="server">
 
 
 
 
 
 
<div class ="latest"><h2>
           <asp:Label ID="Label4"  runat="server" Text="Label"></asp:Label>
           <br />
           <asp:Label ID="Label3"  runat="server" Text="Label"></asp:Label>
           <br />
 
     </h2> <asp:LinkButton ID="LinkButton1" runat="server" ForeColor="Red" Font-Size="Medium" OnClick="LinkButton1_Click" Font-Names="Courier New">LinkButton</asp:LinkButton><br />   <br />
       </div>  
 
 
           <asp:DetailsView ID="DetailsView1" runat="server" AutoGenerateRows="False" DataSourceID="AccessDataSource1"
              Height="50px" Width="125px">
              <Fields>
                  <asp:BoundField DataField="title" HeaderText="title" SortExpression="title" />
                  <asp:BoundField DataField="recid" HeaderText="recid" SortExpression="recid" />
                  <asp:BoundField DataField="contents" HeaderText="contents" />
                  <asp:BoundField DataField="timestamp" HeaderText="timestamp" SortExpression="timestamp" />
              </Fields>
          </asp:DetailsView>
          <asp:AccessDataSource ID="AccessDataSource1" runat="server" DataFile="~/App_Data/Database1.mdb"
              SelectCommand="SELECT [title], [recid],[contents], [timestamp] FROM [dish] order by recid desc"></asp:AccessDataSource>
 
 
 
 
 
 
 
 
 
 
 
 
 
	<!-- Start of Page Header -->
 
	<div id="page_header">
 
 
 
		<div class="clearthis">&nbsp;</div>
 
	</div>
 
	<!-- End of Page Header -->
 
 
	<!-- Start of Page Menu -->
 
	<div id="page_menu">
 
		<ul>
		<li><a href="http://www.trysomefood.com/one.aspx">Search Recipes</a></li>
		<li><a href="http://www.trysomefood.com/addpage.aspx">Add Recipes</a></li>
		<li><a href="http://www.freewebsitetemplates.com/">Recipe sites</a></li>
		<li><a href="http://www.trysomefood.com">Home</a></li>
		<li><a href="http://www.trysomefood.com">Hi there</a></li>
		<li class="last"><a href="http://www.trysomefood.com">Contact</a></li>
		</ul>
 
	</div>
 
	<!-- End of Page Menu -->
 
 
	<!-- Start of Left Sidebar -->
 
	<div id="left_sidebar">
 
 
		<!-- Start of Newsletter Signup Form -->
 
		<div id="newsletter">
			<h2>Enter search</h2>
 
 
 
			<div id="link_cancel">
			<a href="http://www.trysomefood.com/one.aspx">Find recipe</a>
			</div>
		</div>
 
		<!-- End of Newsletter Signup Form -->
 
 
		<!-- Start of Categories Box -->
 
		<div id="categories">
			<div id="categories_header">
			<h2>Categories</h2>
			</div>
 
			<ul>
			<li><a href="http://www.trysomefood.com/one.aspx">Search</a></li>
			<li><a href="http://www.trysomefood.com/addpage.aspx">Add recipe</a></li>
			<li><a href="http://www.yahoo.com/">nothing</a></li>
			<li><a href="http://www.trysomefood.com/start.aspx">Home</a></li>
 
			</ul>
 
			<div class="clearthis">&nbsp;</div>
		</div>
 
		<!-- End of Categories Box -->
 
 
		<!-- Start of Special Offer Box -->
 
		<div id="specialoffer">
 
			<div id="specialoffer_text">
			<h2><span>Get Special Offer <strong>Up to 25% off</strong></span></h2>
			</div>
 
			<div id="specialoffer_link">
			<a href="http://www.trysomefood.com/start.aspx">...Go</a>
			</div>
 
			<div class="clearthis">&nbsp;</div>
 
		</div>
 
		<!-- End of Special Offer Box -->
 
	</div>
 
	<!-- End of Left Sidebar -->
 
 
	<!-- Start of Main Content Area -->
 
	<div id="main_content">
 
		<!-- Start of New Item Description -->
 
		<div id="new_item">
 
 
 
			<div id="new_item_image">
 
			</div>
 
			<div id="new_item_text">
 
 
			</div>
 
 
 
			<div class="clearthis">&nbsp;</div>
		</div>
 
		<!-- End of New Item Description -->
 
 
		<div class="h_divider">&nbsp;</div>
 
 
		<!-- Start of Sub Item Descriptions -->
 
		<div class="sub_items">
 
 
			<!-- Start Left Sub Item -->
 
 
 
				<div class="sub_items_text">
 
 
				</div>
 
				<div class="sub_items_cartinfo">
					<div class="price">
										</div>
 
 
 
					<div class="clearthis">&nbsp;</div>
				</div>
 
				<div class="clearthis">&nbsp;</div>
 
			</div>
 
			<!-- End of Left Sub Item -->
 
 
 
			<!-- Start Right Sub Item -->
 
			<div class="sub_right">
 
				<div class="sub_items_header">
 
				</div>
 
				<div class="sub_items_image">
 
				</div>
 
				<div class="sub_items_text">
 
 
				</div>
 
 
 
 
					<div class="addtocart">
					<a href="http://www.freewebsitetemplates.com/"><span>Add to Cart</span></a>
					</div>
 
					<div class="clearthis">&nbsp;</div>
				</div>
 
				<div class="clearthis">&nbsp;</div>
 
 
 
			<!-- End of Right Sub Item -->
 
			<div class="clearthis">&nbsp;</div>
 
		</div>
 
		<!-- End of Sub Item Descriptions -->
 
 
		<div class="h_divider">&nbsp;</div>
 
 
 
	<!-- End of Main Content Area -->
 
 
	<div class="clearthis">&nbsp;</div>
 
 
	<!-- Start of Page Footer -->
 
 
 
 
 
 
 
		<div class="clearthis">&nbsp;</div>
 
 
	<!-- End of Page Footer -->
 
	<asp:contentplaceholder id="ContentPlaceHolder1" runat="server">
 
		</asp:contentplaceholder>
		 </form> 
 
 
 
</body>
 
</html>

Deuce
Deuce's picture
Offline
Guru
Somewhere, USA
Last seen: 5 years 29 weeks ago
Somewhere, USA
Timezone: GMT-5
Joined: 2005-11-20
Posts: 4424
Points: 1843

That isn't HTML.

That isn't HTML.

all » http://dictionary.reference.com/browse/all

Google isn't a bunch of guys reading and grading web sites, it's more like a bunch of monkeys sniffing food and putting the good bananas at the top. -Triumph

HomerSimpson
Offline
Regular
Last seen: 13 years 16 weeks ago
Timezone: GMT-4
Joined: 2008-05-06
Posts: 40
Points: 0

It's not?

It's not?

Ed Seedhouse
Ed Seedhouse's picture
Offline
Guru
Victoria British Columbia
Last seen: 1 year 50 weeks ago
Victoria British Columbia
Timezone: GMT-8
Joined: 2005-12-14
Posts: 3570
Points: 675

HomerSimpson wrote:It's

HomerSimpson wrote:

It's not?

Deuce is right. That isn't html. It isn't xhtml either. Time to start understanding the basics. Without learning how to create valid html or xhtml you are on a side line to nowheresville.

Ed Seedhouse

Posting Guidelines

Watch out! I am carrying irony, sarcasm and satire, and know how to use them.

HomerSimpson
Offline
Regular
Last seen: 13 years 16 weeks ago
Timezone: GMT-4
Joined: 2008-05-06
Posts: 40
Points: 0

The page functions basically

The page functions basically ok, it has asp in it but what is it then??

Ed Seedhouse
Ed Seedhouse's picture
Offline
Guru
Victoria British Columbia
Last seen: 1 year 50 weeks ago
Victoria British Columbia
Timezone: GMT-8
Joined: 2005-12-14
Posts: 3570
Points: 675

HomerSimpson wrote:The page

HomerSimpson wrote:

The page functions basically ok, it has asp in it but what is it then??

It's not what it is, but what it isn't. It isn't html or xhtml because it does not conform to the rules for either. There are rules and if you don't follow them you are not writing html or xhtml.

Have you checked your code with the W3C validator yet? That would tell you what the problem was.

It's vitally important that you learn and remember this stuff, so I'm not going to give it away just yet. There is enough information above in this post to allow you to find out for yourself, In which case you are more likely to remember it. A run through the tutorials at HTML Dog will likely do it, too.

Do some research on your own and if after a couple of days you still don't get it ask again. But it will be much better for you if you figure it out for yourself.

Ed Seedhouse

Posting Guidelines

Watch out! I am carrying irony, sarcasm and satire, and know how to use them.

Stomme poes
Stomme poes's picture
Offline
Elder
Netherlands
Last seen: 11 years 15 weeks ago
Netherlands
Timezone: GMT+2
Joined: 2008-02-04
Posts: 1854
Points: 378

Gotta say this: if you have

Gotta say this: if you have your page open in your browser, and View Source, THAT is HTML. Your script seems to be calling some HTML but isn't HTML itself.

I'm no expert, but I fake one on teh Internets

HomerSimpson
Offline
Regular
Last seen: 13 years 16 weeks ago
Timezone: GMT-4
Joined: 2008-05-06
Posts: 40
Points: 0

I tested some well know web

I tested some well known web site in the validator and each time, it cried foul over a slew of errors so this makes it harder for me to see what my offending code is but I'm guessing it has to do with my document type. (which I am ignorant of unfortunately.)

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 8 years 4 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

The initial and basic

The initial and basic mandatory structure of an HTML document is badly malformed, you should be able to recognize this, strip out everything until your back to bare bones document and ensure you have correctly formed the document DTD / HTML / HEAD(TITLE) / BODY these are the essential elements that form a valid page.

Then call your scripting elements.

install html validator plugin for Firefox this will allow you to validate/ check for errors as you move along, the green check mark in bottom right corner a handy visual guide to a correct page or otherwise.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

HomerSimpson
Offline
Regular
Last seen: 13 years 16 weeks ago
Timezone: GMT-4
Joined: 2008-05-06
Posts: 40
Points: 0

ok, I got the plugin and

ok, I got the plugin and it's a bit daunting as I read it would be. I guess it is for use only when "viewing source" but it doesn't obviously fix your actual code. I am using Visual Studio and it automatically inserts
on the first line and the plugin does not like that line!

Cache
Offline
newbie
Last seen: 13 years 39 weeks ago
Joined: 2009-05-03
Posts: 7
Points: 0

widths

I realise you may have already sorted this problem and you've quite a few other issues to resolve but in answer to your original question:

You need to define a smaller width for .latest, you've given it a width of 70% and positioned it 51% left. Once you've done this you'll find a similar issue with #page_menu ul where the width is set to 120%.

The ColorZilla eyedropper tool https://addons.mozilla.org/en-US/firefox/addon/271 or Firebug https://addons.mozilla.org/en-US/firefox/addon/1843 Firefox addons are useful in solving this kind of problem.