Click to See Complete Forum and Search --> : align probs with one div
luckysixx
08-17-2007, 11:06 AM
ok pretty much everything is working fine in both ie and ff. except there is one div on the left side that contains the links etc, and the links show up differently in each browser. oh, also in ie, the bottom border for each div extends to the right farther than it does in ff... how can i fix these? thanks
p.s.the css was valid, but the html has no character encoding (?). i'm not sure what this even means
luckysixx
08-17-2007, 11:08 AM
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<link rel="stylesheet" type="text/css" href="main.css" title="default">
<link rel="alternate stylesheet" type="text/css" href="print2.css" title="print">
<LINK rel="stylesheet" type="text/css" href="print2.css" media="print">
<script type="text/javascript" src="styleswitcher.js"></script>
<script type="text/javascript" src="crumbs.js"></script>
<title>asdgagdas</title>
</head>
<body>
<div id="shadow">
<div id="container">
<div id="header">
<img alt="banner" src="images\cafebanner.gif">
<h2 class="subtitle">Relax. Relate. Recover.</h2>
</div>
<div id="menus">
<h1>Daily menu</h1>
<ul>
<li><a href="index.htm">Home</a></li>
<li><a href="about.htm">About Us</a></li>
<li><a href="contact.htm">Contact Us</a></li>
<li><a href="about.htm">Programs&Services</a></li>
<li><a href="about.htm">Departments</a></li>
<li><a href="about.htm">Events</a></li>
<li><a href="recruitment/empl_home.html">Employment</a></li></ul>
</div>
<div id="content">
<h1>Today's special</h1>
<h2>10:14 AM 8/16/2007</h2>
<p>Our new site has begun it's development. This site is meant for people with depression to
come together and help each other. We hope to have it officially open soon.</p>
</div>
<div id="news">
<h1>Mental health news</h1>
<div id="newsfeed">
<!-- Start Of FeedDirect News Javascript Code -->
<style type='text/css'>
.morehl {
font-family: Verdana, geneva, arial, sans-serif !important;
font-size: 9px !important;
color: #333333 !important;
font-weight: bold !important;
font-style: normal !important;
text-decoration: underline !important;
}
A:link.morehl, A:vlink.morehl, A:alink.morehl {
color: #333333 !important;
}
.moresrc {
font-family: Verdana, geneva, arial, sans-serif !important;
font-size: 9px !important;
color: #cc6666 !important;
font-weight: normal !important;
font-style: normal !important;
text-decoration: none !important;
}
A:link.moresrc, A:vlink.moresrc, A:alink.moresrc {
color: #cc6666 !important;
}
.moreti {
font-family: Verdana, geneva, arial, sans-serif;
font-size: 9px;
color: #cc6666;
font-weight: normal;
font-style: normal;
text-decoration: none;
}
.morehlt {
font-family: Verdana, geneva, arial, sans-serif;
font-size: 9px;
color: #333333 !important;
font-weight: bold;
font-style: normal;
text-decoration: none;
}
</style>
<SCRIPT LANGUAGE="Javascript">
<!--
// the array global_article is used to allow multiple categories
var global_article = new Array();
var global_article_counter = 0;
var article = null;
var early_exit = true;
var moreover_text = 0;
function load_wizard()
{
var newwin = window.open("","clone","resizable,scrollbars");
document.forms.moreover_clone.submit();
return false;
}
// -->
</SCRIPT>
<SCRIPT LANGUAGE="Javascript" SRC="http://p.feeddirect.com/page?feed=487&o=js&n=5">
</SCRIPT>
<SCRIPT LANGUAGE="Javascript">
<!--
// load global_article array with articles from category
if (article != null && (article.length > 0))
{
early_exit = false;
for (var article_counter = 0; article_counter < article.length; article_counter++)
{
global_article[global_article_counter] = article[article_counter];
global_article[global_article_counter].url += "&w=2372248";
global_article[global_article_counter].url += "' TARGET='_blank";
global_article[global_article_counter].document_url += "' TARGET='_blank";
global_article_counter++;
}
}
// -->
</SCRIPT>
<SCRIPT LANGUAGE="Javascript">
<!--
if (global_article.length == 0)
{
early_exit = true;
}
// -->
</SCRIPT>
<table cellpadding=4 cellspacing=0 border=0 width='400' style='table-layout: fixed'><tr bgcolor='#ffffff'><td>
<SCRIPT LANGUAGE="Javascript">
<!--
if (!early_exit)
{
var wizard_brand = "feeddirect";
var webfeed_heading = "Mental health news";
var width = "400";
var numberofarticles = global_article.length;
var cluster_border = "";
var time_display = "Yes";
var cell_spacing = "";
var cell_padding = "1";
var time = new Array(global_article.length);
// Start loop for articles
for (var counter=0; counter < numberofarticles; counter++)
{
if ((counter == (global_article.length - 1)) && moreover_text == 1)
{
time_display = "No";
}
// Print out the headline
document.write("<a href='"+global_article[counter].url+"' class='morehl'>");
document.write(global_article[counter].headline_text+"...</a><br>");
// Print out the source
if ((counter != (global_article.length - 1)) || moreover_text != 1)
{
document.write("<A HREF='"+global_article[counter].document_url+"' + class='moresrc'>");
document.write(global_article[counter].source+"</A><span class='moreti'> </span>");
}
// Print out reg/sub/prem if appropriate
if (global_article[counter].access_status == "sub" || global_article[counter].access_status == "reg" ||
global_article[counter].access_status == "prem")
{
document.write("<A HREF='"+global_article[counter].access_registration+"' class='moresrc'>");
document.write(global_article[counter].access_status+"</A><span class='moreti'> </span>");
}
// Print out the harvest time
if (time_display == "Yes" && global_article[counter].harvest_time != "")
{
// Make a new date object
time[counter] = new Date(global_article[counter].harvest_time);
time[counter].setHours(time[counter].getHours() - (time[counter].getTimezoneOffset() / 60 ));
document.write("<span class='moreti'> "+time[counter].toString()+"<br> <br></span>");
}
else
{
document.write("<span class='moreti'><br> <br></span>");
}
} // End of article loop
// Start of clone button code //
// NOTE: DO NOT REMOVE any of the code in this section //
document.write("<FORM METHOD='POST' ACTION='http://www.feeddirect.com/cgi-local/wizard_welcome.pl' target='clone'
name='moreover_clone'>");
document.write("<INPUT TYPE='hidden' NAME='parent_code' VALUE='2372248'>");
document.write("<INPUT TYPE='hidden' NAME='clone_system' VALUE='c'>");
document.write("<INPUT TYPE='hidden' NAME='system' VALUE='c'>");
document.write("<INPUT TYPE='hidden' NAME='source_time_bold' VALUE='false'><INPUT TYPE='hidden' NAME='time_display'
VALUE='Yes'>")
document.write("<INPUT TYPE='hidden' NAME='gzip' VALUE=''><INPUT TYPE='hidden' NAME='cluster_cellspacing' VALUE='0'>")
document.write("<INPUT TYPE='hidden' NAME='headline_underline' VALUE='true'><INPUT TYPE='hidden'
NAME='source_time_font_size' VALUE='9'>")
document.write("<INPUT TYPE='hidden' NAME='cluster_border' VALUE='0'><INPUT TYPE='hidden' NAME='source_time_fgcolor'
VALUE='cc6666'>")
document.write("<INPUT TYPE='hidden' NAME='webfeed_heading' VALUE='Mental health news'><INPUT TYPE='hidden'
NAME='headline_font_size' VALUE='9'>")
document.write("<INPUT TYPE='hidden' NAME='heading_display' VALUE='Yes'><INPUT TYPE='hidden' NAME='headline_bold'
VALUE='true'>")
document.write("<INPUT TYPE='hidden' NAME='cluster_width' VALUE='400'><INPUT TYPE='hidden' NAME='headline_bgcolor'
VALUE='ffffff'>")
document.write("<INPUT TYPE='hidden' NAME='headline_italic' VALUE='false'><INPUT TYPE='hidden' NAME='headline_font'
VALUE='Verdana, geneva, arial, sans-serif'>")
document.write("<INPUT TYPE='hidden' NAME='wizard_brand' VALUE='feeddirect'><INPUT TYPE='hidden' NAME='source_time_italic'
VALUE='false'>")
document.write("<INPUT TYPE='hidden' NAME='number_of_headlines' VALUE='5'><INPUT TYPE='hidden' NAME='search_keywords'
VALUE=''>")
document.write("<INPUT TYPE='hidden' NAME='headline_fgcolor' VALUE='333333'><INPUT TYPE='hidden' NAME='cluster_cellpadding'
VALUE='1'>")
document.write("<INPUT TYPE='hidden' NAME='heading_font_size' VALUE=''><INPUT TYPE='hidden' NAME='cluster_name'
VALUE='feed=487&o=js'>")
document.write("<INPUT TYPE='hidden' NAME='news_blog_switch' VALUE=''><INPUT TYPE='hidden' NAME='source_time_font'
VALUE='Verdana, geneva, arial, sans-serif'>")
document.write("<INPUT TYPE='hidden' NAME='cluster_layout' VALUE='<BR>'><INPUT TYPE='hidden' NAME='source_time_underline'
VALUE='false'>")
document.write("<INPUT TYPE='hidden' NAME='source_rank' VALUE=''>")
document.write("</FORM>");
// End of clone button code //
// ************************************************************************************
// This code is subject to the terms and conditions detailed at
// http://www.feeddirect.com/terms.html
// Copyright 2004 FeedDirect. All rights reserved.
// *************************************************************************************
}
// -->
</SCRIPT>
<SCRIPT LANGUAGE="Javascript" SRC="http://www.feeddirect.com/wizard/conf/feeddirect/wizard_text.js"></SCRIPT>
</td></tr></table>
<!-- End Of FeedDirect News Javascript Code -->
</div>
</div>
<div id="footer">
<h2>Cafe</h2>
<p>© 2007</p>
</div>
</div>
</div>
</body>
</html>
luckysixx
08-17-2007, 11:09 AM
body {
background-color:white;
font-family: verdana, sans-serif;
font-size:small;
color: #444d61;
text-align:center;
padding:0px;
margin:0px;
}
a {
color: #a54433;
text-decoration: none;
font-weight: bold;
border: 0;
cursor: pointer;
}
div#container{
width: 700px;
margin-left: auto;
margin-right: auto;
background-color:white;
border:2px solid #fbe5e9;
border-top:0px;
padding:0px;
}
div#shadow{
background-color:#fef3f5;
width:712px;
padding-bottom:5px;
margin-left:auto;
margin-right:auto;
}
div#head{
background-repeat: repeat;
overflow:hidden;
background-color:green;
}
div#header{
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
width: 700px;
margin-left: auto;
margin-right: auto;
background-color:white;
}
#header img{
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
clear:right;
background-color:#d3dadf;
background-repeat:no-repeat;
}
div#footer {
clear: both;
text-align: center;
width: 700px;
padding-bottom:1px;
margin-top: 50px;
}
#footer h2{
font-size: x-small;
font-weight: bold;
text-align: center;
margin: 0px;
padding-top:5px;
margin-left:50px;
margin-right:50px;
border-top: 1px dashed #999999;
}
#footer p {
font-size: xx-small;
margin-bottom: 10px;
text-align: center;
text-indent:0px;
margin-left:0px;
margin-right:0px;
padding-left:0px;
padding-right:0px;
}
div#content {
width: 420px;
float: right;
clear:right;
margin-left:8px;
margin-right:15px;
padding-bottom:20px;
margin-bottom:50px;
display: inline;
text-align: left;
font-size:small;
margin-top:20px;
background-color:white;
border:1px solid #FFC0CB;
border-top:0px;
border-right:0px;
}
div#news {
width: 420px;
float: right;
clear:right;
margin-left:8px;
margin-right:13px;
padding-left:0px;
padding-bottom:20px;
margin-bottom:50px;
display: inline;
text-align: left;
font-size:small;
margin-top:0px;
background-color:white;
border:1px solid #FFC0CB;
border-top:0px;
border-right:0px;
text-align: left;
}
div#newsfeed{
position: relative;
top: 0px;
left: 20px;
text-indent:25px;
}
div#menus {
float: left;
clear:left;
background-color:white;
text-align:left;
width: 180px;
padding-top: 0px;
margin-top:20px;
padding-left:0px;
padding-right: 5px;
margin-right:0px;
margin-left:15px;
margin-bottom:30px;
border: 1px solid #FFC0CB;
border-right:0px;
border-top:0px;
font-size: small;
font-weight: bold;
}
#menus p, #menus h2, #menus a{
text-align: center;
margin-bottom: 8px;
}
#menus p {
color: #8c9ba2;
}
#menus h1{
padding-bottom:0px;
background-color:white;
border:0px;
padding-left:6px;
margin-top:0px;
margin-bottom:20px;
margin-right:40px;
font-weight:normal;
font-size:large;
color: #b87e7f;;
width:180px;
background:url(images/smpinkfade.gif) bottom left repeat-y;
}
#menus ul{margin-left:0px;
list-style-type:none;
}
#menus li{
padding-top:10px;
padding-left:0px;
margin-right:0px;
}
h1 {
font-size: large;
color: #b87e7f;
font-weight: bold;
margin-top: 0px;
margin-bottom: 20px;
background:url(images/pinkfade.gif) bottom left repeat-y;
background-color:red;
text-align: left;
border:1px solid #ffc0cb;
font-family:"Comic Sans MS", "sans serif";
}
h1 img{
height:30px;
}
h2 {
font-size: 100%;
color: gray;
font-weight: bold;
text-align: left;
}
#content h2{
padding-left:20px;
margin-top: 0px;
margin-bottom: 3px;
}
#content h1{
padding-bottom:0px;
background-color:white;
border:0px;
padding-left:6px;
margin-top:0px;
margin-bottom:20px;
margin-right:40px;
font-weight:normal;
font-size:large;
color: #b87e7f;
width:400px;
}
#news h1{
padding-bottom:0px;
width:400px;
border:0px;
padding-left:6px;
margin-top:0px;
margin-bottom:20px;
margin-right:40px;
font-weight:normal;
font-size:large;
color: #b87e7f;
}
#content a{
color: #444d61;
text-decoration: underline;
font-weight:bold;
}
div#picture {
text-align: center;
font-size:xx-small;
float:right;
clear:right;
width:250px;
height:150px;
padding: 5px;
background-color: #f2f6f8;
border: 1px solid #d3dadf;
margin-right:10px;
margin-bottom:20px;
}
#picture img{
display:inline;
width:250px;
height:150px;
margin:3px;
}
li.none {
margin-top:5px;
}
a.MenuCurr {
color: #444d61;
}
p img{
font-size: small;
text-align: center;
margin-bottom: 0px;
height:200px;
width:150px;
margin-left:50px;
}
div.breadcrumbs{
font-size: 80%;
text-align: left;
padding-bottom:3px;
border-bottom: 1px dashed #648d9f;
margin-bottom: 10px;
margin-top: 10px;
}
span.bctitle {
color: #8c9ba2;
}
span.bchere {
font-weight: bold;
}
.breadcrumbs a{
font-weight: normal;
}
h1.title{color: #ff35f3;
font-family: verdana, sans-serif;
font-size: large;
border:0px;
}
h2.subtitle{
word-spacing:10px;
font-size: small;
font-family: 'Bookman Old Style', serif;
background-color: #FFFFFF;
margin-left:180px;
margin-top:-3px;
}
div.box1 {
background-color: #f1ecd1;
padding: 10px;
margin-right: 20px;
margin-top: 20px;
margin-bottom: 20px;
text-align: left;
}
p {
margin-top: 5px;
text-align: left;
padding-left:20px;
padding-right:30px;
text-indent:0px;
}
div#searchbar{
float:right;
clear:right;
display:inline;
width:520px;
height: 30px;
color: #444d61;
font-weight: bold;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
margin-left:25px;
background-color:#FFFBCF;
font-size:small;
}
img.pic{
width:350px;
height:200px;
margin-left:30px;
padding-bottom:15px;
padding-top:15px;
}
form.search {
float:left;
font-size:10pt;
margin-left: 5px;
margin-top:3px;
margin-bottom:0px;
text-align: left;}
ul {
margin-top: 0;
list-style-type: disc;
}
div.address{
margin-left: 40px;
margin-bottom: 20px;
}
.address p {
margin:0;
}
h3{
margin-bottom: 0;
}
div#print {
padding-top: 10px;
padding-right:5px;
float: right;
font-weight: normal;
font-size: 80%;
}
#print a{
font-weight: normal;
font-size:8pt;
padding-right:5px;
}
#print img{
margin-right: 0px;
}