Forum Moderators: not2easy
Can anyone tell me how would I get the "Main Content" div read first on the following css and html. This is a 3 column design with header and footer.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- TemplateBeginEditable name="doctitle" -->
<title>Untitled Document</title>
<!-- TemplateEndEditable -->
<!-- TemplateBeginEditable name="head" -->
<!-- TemplateEndEditable -->
<link href="../css/final111.css" rel="stylesheet" type="text/css" />
</head>
<body class="thrColLiq">
<div id="container">
<div id="sidebar1"></div>
<div id="sidebar2"></div>
<div id="mainContent"><!-- TemplateBeginEditable name="EditRegion3" --><!-- TemplateEndEditable -->
<br class="clearfloat" />
</div>
</body>
</html>
@charset "utf-8";
body {
margin: 0;
padding: 0;
text-align: center;
color: #000000;
background-attachment: fixed;
background-color: #666666;
background-image: url(../images/scentsy-stars.gif);
background-repeat: repeat;
font-family: Arial, Helvetica, sans-serif;
font-size: 100%;
}
.thrColLiq #container {
width: 80%;
background: #FFFFFF;
margin: 0 auto;
border: 1px solid #000000;
text-align: left;
}
.thrColLiq #sidebar1 {
float: left;
width: 22%;
padding: 15px 0;
text-align: center;
background-color: #D8DBC6;
}
.white {
background-color: #FFFFFF;
}
.thrColLiq #sidebar2 {
float: right;
width: 23%;
padding: 15px 0;
text-align: center;
background-color: #D8DBC6;
}
.thrColLiq #sidebar1 p, .thrColLiq #sidebar1 h3, .thrColLiq #sidebar2 p, .thrColLiq #sidebar2 h3 {
margin-left: 10px;
margin-right: 10px;
}
.thrColLiq #mainContent {
margin: 0 24% 0 23.5%;
background-color: #FFFFFF;
}
.fltrt {
float: right;
margin-left: 8px;
}
.fltlft { float: left;
margin-right: 8px;
}
.clearfloat {
clear: both;
height: 0;
font-size: 1px;
line-height: 0px;
}
.topic1 {
font-family: Papyrus;
font-size: 30px;
color: #917478;
}
.topic2 {
font-family: Papyrus;
font-size: 24px;
color: #917478;
}
a:link {
color: #000000;
text-decoration: none;
}
a:visited {
color: #917478;
text-decoration: none;
}
a:hover {
color: #917478;
text-decoration: underline;
}
a:active {
color: #000000;
text-decoration: none;
}
thanks in advance
<div id="Main_Content-floated-left>
//the content
<div id="a_sidebar-floated-to-left"></div>
</div>
<div id="another_sidebar-floated-to-left"></div>
</div>
</body>
It's interesting what you say about the first-read stuff. Where did you read it? I manage... *sniff*... some sites, but never observed. True, that each site has proper meta-description...
Not sure though, but certainly the higher up in the code would indicate higher up on the page and therefore more likely to be content and thus is the theme (for want of a better word) of that page.
:)
Just an example: search for 'window.opener javascript' on google. The results' descriptions are from all around the specific page's content, it's picked from the content where it's likely to be the most relevant.
If a specific site would have a menu link with window.opener title/content, i bet google wouldn't find it as interesting as it would find the same but in the content block. Just my 2c
