Make sure to add a unit, like px, to your width property. If you want the elements to align next to each other, consider using the float: property.
HTML
<div id="searchresult">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fuga quidem impedit aspernatur quam itaque sed cum delectus nobis asperiores vitae iure ratione quod voluptas placeat mollitia magni earum esse amet!</div>
<div id="searchresultGame">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fuga quidem impedit aspernatur quam itaque sed cum delectus nobis asperiores vitae iure ratione quod voluptas placeat mollitia magni earum esse amet!</div>
<div id="searchresulttv">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fuga quidem impedit aspernatur quam itaque sed cum delectus nobis asperiores vitae iure ratione quod voluptas placeat mollitia magni earum esse amet!</div>
CSS
div {
border: 1px solid black;
background-color: #EEEEEE;
width: 300px;
float: left;
}
View this implementation on JSFiddle here.
If the window's width becomes less than 1800px, the elements will stack vertically. To prevent this, enclose everything in a div with a fixed width equal to the sum of child div elements' widths.
HTML
<div class="container">
<div id="searchresult">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fuga quidem impedit aspernatur quam itaque sed cum delectus nobis asperiores vitae iure ratione quod voluptas placeat mollitia magni earum esse amet!</div>
<div id="searchresultGame">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fuga quidem impedit aspernatur quam itaque sed cum delectus nobis asperiores vitae iure ratione quod voluptas placeat mollitia magni earum esse amet!</div>
<div id="searchresulttv">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fuga quidem impedit aspernatur quam itaque sed cum delectus nobis asperiores vitae iure ratione quod voluptas placeat mollitia magni earum esse amet!</div>
</div>
CSS
div {
border: 1px solid black;
background-color: #EEEEEE;
width: 300px;
float: left;
}
.container
{
width: 906px;
}
Take a look at this example on JSFiddle: http://jsfiddle.net/P6Atc/1/
One drawback is that if viewed on smaller screens, there may be an unsightly horizontal scrollbar due to the fixed width container.