Deprecated - Usability feedback

OK i've tried and tried and i cannot grasp this basic concept.

I have views installed and the tracker that comes with it doesn't now stretch 100% of the screen.

I've located that <div class='view view-tracker'> needs to have a class set to 100% width but my CSS is letting me down here and i have no idea how to referance this in my css file. I've tried numerous ways, whats the one i'm missing ?

I am considering installing Drupal on one of my websites to help me determine if it is something I want to also use (in vB Drupal format) on another website that has a vB forum. One big problem I have noticed is that neither Drupal's or vB Drupal's websites render the same when using the latest beta version of IE7. It's very disconcerting. Please see the linked images:

www.enterprisejm.com/test/drupal_on_ff15.gif

OK due to the nature of my new theme the tinyMCE editor we use has inherrited scrollbars in the content area.

Switching the Editor.CSS to TinyMCE.default sorts the problem but the font in the content area is too small. Where di i adjust that ?

OK i'm on the last legs of conveting a CSS theme to drupal and its nearly there.

I have a search box that is displayed using the following in page.tpl.php :-

How do i get this to interact with the drupal search ?

My search bar can be seen at http://82.16.165.102

Any help appreciated.

OK the conversion of the open source internet music template has gone pretty well so far and with some help with fluid css boxes from another post i'm making some steady progress. However i'm really starting to hate CSS :) I know i know its the way of the future but boy can it be a bitch for cross browser theming.

Anyway everything works lovely in Firefox and Opera (much to my surprise) but IE on my flatforum refuses to play ball.

I apologise for this posting being so long but i'm really hoping someone can spot something minor that is sending all this out of wack.

Heres how it looks in firefox and opera (which is how it should look)

http://www.porttalbotchat.co.uk/ptctheme1.jpg

But in Internet explorer it looks like this

http://www.porttalbotchat.co.uk/ptctheme2.jpg

Please help if you can as its driving me insane.

Heres my CSS

/* project: internet music template
   author: luka cvrk (www.solucija.com) */

   
/* default styles
   -------------- */
  
body { 
	padding: 0; 
	margin: 0; 
	font: 0.74em Arial, Helvetica, sans-serif;
	background: #fff; 
	color: #454545; 
}

a {
	color: #4A8EBC; 
	background: inherit;
}

a:hover {
	color: #C3593C;
	background: inherit;	
}

a.title {
	color: #FE6700;
	background: #FFF;
}

h1 {
	font: bold 2em "Trebuchet MS", Arial, Helvetica, sans-serif;
	letter-spacing: -1px; 
	padding: 2px 0 0 0px;
	margin: 0;
	color: #464548;
	background: inherit;
}

h1 a, h2 a {
	text-decoration: none;
	color: #464548;
	background: inherit;
}

h1 a:hover, h2 a:hover {
	color: #C3593C;
	background: #FFF;
}

h1 .red{
	color: #C3593C;
	background: inherit;
}


h2 { 
	margin: 0 0 5px 0; 
	padding: 0; 
	font: bold 1.5em Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
	color: #000; 
	background: inherit;
}

h2 .yellow{
	color: #FFFCD1;
	background: inherit;
}

p {	margin: 0 0 5px 0; }

ul { 
	margin: 0; 
	padding : 0; 
	list-style : none; 
}

form { 
	margin: 0; 
}

input.search { 
	width: 145px; 
	height: 22px;
	border: none;
	background: #fff url(images/input.gif) no-repeat; 
	padding: 5px 10px 0 25px;
	color: #808080;
}

input.button {
	border: 0;
	height: 27px;
	width: 76px;
	background: #ABC43C url(images/button.gif) no-repeat;
	color: #FFF;
	font: bold 1.1em Arial, Helvetica, Sans-Serif;
}

input.login { 
	width: 150px;
	border: none; 
	background: url(images/logininput.gif); 
	padding: 4px; 
}

/* layout
   ------ */

.content { 
	margin: 10px auto;
	width: 760px; 
}

.logo {
	float: left;
	width: 200px;
	padding: 10px 0 11px 10px;
}

.header_right {
	float: right;
	width: 550px;
	height: 72px;
}

.logo p {
	font-size: 0.9em;
	color: #808080;
	padding: 0 0 0 7px;
	background: inherit;
}


.top_info {
	width: 540px;
	margin: 12px 0 5px 0;
	padding: 0 5px 5px 0;
	text-align: right;
	background: #FFF url(images/dot.gif) repeat-x bottom;
	color: #444;
}
	

.slogan {
	text-align: right;
	width: 160px;
}


.bar { 
	text-align: right;
	font-size: 1.1em;
	height: 30px; 
}

	.bar li { 
		
		padding: 0px 10px 8px 10px;
		color: #808080;
		background: #FFF;
		display: inline;
	}
	
	.bar li.active { 
		background: #FFF url(images/bar.gif) no-repeat center bottom; 
		color: #C3593C;
		font-weight: bold; 
		padding-bottom: 8px; 
	}

	.bar a { 
		font-weight: bold;
		color: #4A8EBC; 
		background: inherit;	
	} 

.search_field { 
	text-align: right;
	float: right;
	width: 540px;
	height: 38px;
	background: #464548 url(images/searchbg.gif) no-repeat top right; 
	color: #000;
	clear: both;
	padding: 10px 10px 0 0;
}

.grey {
	font-size: 1.2em;
	font-weight: bold;
	color: #ccc;
	background: inherit;
	
}

.search {
	font-size: 1.2em;
	font-weight: bold;
	color: #FFF;
	background: inherit;	
}

.newsletter {
	float: left;
	height: 33px;
	padding: 15px 0 0 15px;
	width: 192px;
	background: #6E6E6E url(images/newsletterbg.gif) no-repeat;
	color: #FFF;
	margin: 0 0 3px 0;
}

.subheader {
	clear: both;
	margin: 3px 0 10px 0;
	padding: 8px;
	background: #f4f4f4;
	color: #808080;
	border-bottom: 1px solid #ccc;
}

/* left side
   --------- */

.left-narrow {
	float: left;
  width: 490px;
	margin: 0 0 10px 0;
}

.left-wide {
width: 760px;
margin: 0 0 10px 0;
}	

.left_articles {
		margin: 0 0 15px 0;
		padding: 0 0 0 10px;
	}

	.lt {
		height: 10px;
		background: #6E6E6E url(images/lt.gif) no-repeat;
		color: #FFF;
	}
	
	.sticky {
		color: #eee;
		padding: 3px 12px;
		margin: 0 0 15px 0;
		background: #6E6E6E url(images/lb.gif) no-repeat bottom left;
	}
	
	
	
	.sticky a {
		color: #FFFCD1;
		background: inherit;
	}
	
	.sticky h2 {
		color: #FFF;
		background: #6E6E6E;
	}
	
	
.thumb {
	float: left;
	width: 150px;
	border: 1px solid #d4d4d4;
	color: #fff;
	background: #6e6e6e;
	margin: 0 15px 15px 0;
	padding: 5px;
}

.thumb p { margin: 0; padding: 3px; color: #FFF; background: #6e6e6e; }
	
/* right side
   ---------- */
		
.right {
	float: right;
	width: 245px;
	margin: 0 0 10px 0;
}

.right a {
	color: #FFFCD1;
	background: inherit;
}

		
	.rt {
		background: #C85E35 url(images/rt.gif) no-repeat;
		color: #FFF;
		height: 7px;
	}
		
	.right_articles {
		font-size: 0.9em;
		background: #C85E35 url(images/rb.gif) no-repeat bottom;
		color: #FEE1D5;
		padding: 4px 8px;	
		margin: 0 0 10px 0;
	}
	
	.right_articles h2 {
	text-decoration: none;
	color: #fff;
	background: inherit;
}
	
			
.image {
	float: left;
	margin: 0 9px 3px 0;
}

/* footer
   ------ */

.footer { 
	clear: both; 
	text-align: center;
	line-height: 1.8em;
	color: #808080;
	background: #FFF url(images/dot.gif) repeat-x;
	padding: 8px 0;
}

.footer a {
	color: #C3593C;
	background: inherit;
}



.node .content, .comment .content {
  margin: .5em 0 .5em 0;
}
.node .taxonomy {
  color: #999;
  font-size: 0.8em;
  padding: 1.5em;
}
.node .picture {
  border: 0px solid #ddd;
  float: right;
  margin: 0.5em;
}
.comment {
  border: 1px solid #abc;
  padding: .5em;
  margin-bottom: 1em;
}
.comment .title a {
  font-size: 1.1em;
  font-weight: normal;
}
.comment .new {
  text-align: right;
  font-weight: bold;
  font-size: 0.8em;
  float: right;
  color: red;
}
.comment .picture {
  border: 0px solid #abc;
  float: right;
  margin: 0.5em;
}

/*
** Module specific styles
*/
#aggregator .feed-source {
  background-color: #eee;
  border: 1px solid #ccc;
  padding: 1em;
  margin: 1em 0 1em 0;
}
#aggregator .news-item .categories, #aggregator .source, #aggregator .age {
  color: #999;
  font-style: italic;
  font-size: 0.9em;
}
#aggregator .title {
  margin-bottom: 0.5em;
  font-size: 1em;
}
#aggregator h3 {
  margin-top: 1em;
}
#forum table {
	width: 100%;
}
#forum td {
  padding: 0.5em 0.5em 0.5em 0.5em;
}
#forum td.forum, #forum td.posts {
  background-color: #eee;
}
#forum td.topics, #forum td.last-reply {
  background-color: #ddd;
}
#forum td.container {
	background-color: #6E6E6E;
	color: #ffffff;
}
#forum td.container a {
  color: #ffffff;
}
#forum td.statistics, #forum td.settings, #forum td.pager {
  height: 1.5em;
  border: 1px solid #bbb;
}
#forum td .name {
  color: #96c;
}
#forum td .links {
  padding-top: 0.7em;
  font-size: 0.9em;
}
#profile .profile {
  clear: both;
  border: 1px solid #abc;
  padding: .5em;
  margin: 1em 0em 1em 0em;
}
#profile .profile .name {
  padding-bottom: 0.5em;
}
.block-forum h3 {
  margin-bottom: .5em;
}
.calendar a {
  text-decoration: none;
}
.calendar td, .calendar th {
  padding: 0.4em 0;
  border-color: #888;
}
.calendar .day-today {
  background-color: #69c;
}
.calendar .day-today a {
  color: #fff;
}
.calendar .day-selected {
  background-color: #369;
  color: #fff;
}
.calendar .header-week {
  background-color: #ccc;
}
.calendar .day-blank {
  background-color: #ccc;
}
.calendar .row-week td a:hover {
  background-color: #fff; color: #000;
}
.node img {
  border: 1px solid #abc;
  padding: 0.75em;
  margin-right: 10px;
  margin-left: 10px;
  margin-bottom: 6px;
}

.comment img {
  border: 1px solid #abc;
  padding: 0.75em;
  margin-right: 10px;
  margin-left: 10px;
  margin-bottom: 6px;
}

#welcome {
	border: dashed;
	border-width: thin;
  background-color: #FFDBA1;
  padding: 0.5em 1em;
  color: #4E3000;
}

#welcome a, #welcome a:visited {
  color: #B63300;
  font-weight: bold;
}

img.emoticon{
  border: 0px;
  padding: 0;
  margin-right: 0px;
  margin-left: 0px;
  margin-bottom: 0px;
}

/* Flatforum structure */
.forum-comment {

}

.comment-left {
  padding: 5px;
  
}

.comment-right {
  padding: 5px;
  width: 735px;

}

.comment-left .author-name {
  font-weight: bold;
  background-color: #EEEEEE;
  font-size: 1em;

}

.comment .comment-left .picture {
}

.comment-right .title {
  font-weight: bold;
  font-size: 1.2em;
}

.comment-right .content {
  background-color: #fff;
  padding: 5px;
      width: 725px;


}

.comment-right .content .links {
 float: right;
}

/* Flatforum style */
.comment-left, .comment-right {
   background-color: #fff;
}

.comment-right, .comment-left {
   background-color: #EEEEEE;
}

.comment-even {
}

.comment-odd {
}

And heres my flatforum file.

  if (!_is_forum()) {
    include('node.tpl.php');
    return;
  }
  $curr_user = user_load(array('uid' => $userid));
  $sig = $curr_user->signature;

Hello Drupal,

I work my first time with Drupal in my school. And I like it very much.
So now I make my Site with Drupal and it's so cool and easy. And you can programming at your self an you can work
with the CMS.
IT's so great.

I hope that the Drupal familie grow up very fast.

Thanks,

Malte

http://kiefer.e-boards.org