Float variable width divs.

Searched the forum and found nothing if there is any similar post please direct me to it.

I have this code:

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
 
<body>
 
<div id="container" style="width:1024px;">
<div id="left" style="position:relative; width:auto; background:#0F0; height:500px; float:left;"></div>
<div id="right" style="position:relative; width:200px; background:#C30; height:500px; float:left;"></div>
</div>
 
</body>
 
</html>

How to Align a Div in Center Right of webpage and How to Float it along with the scrolling...

How to Align a Div in Center Right of webpage and Fix it in there, i mean it should be in the center right of webpage when users scrolls too, i want it to move along with the scroll.

Here is live URL where i have my buttons aligned at center of webpage but when we scroll the button does not moves along with it, its sticked Sad

URL
rmlthemer1.tumblr.com

P.S. I hope you are getting what i am trying to say.

align floating columns

Hi, I'm a web designer but total newbie on the development end. I'm trying to fix some problems the developer left us with and have fixed all but one: how to top-align the two columns on this page: www.storeyhomes-colorado.com/hivista/blog.

I've tried changing the padding, margins, enclosing the columns in a wrap, etc. but I can't get the sidebar to align at the top with the box on the left. Here's the code from the PHP file (with CSS below):

______

/**
 * @package WordPress
 * @subpackage adility
 */

 get_header();

Please Help I know it's sloppy but I can't get it to work correctly in firefox or chrome IE works fine.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
<html>
<body>
 
<head>
 
<title>
 
Employee Call Guide
 
</title>
<font size="4" face="arial" color="black">
 
 
<center>
 
<img src="ecg\images\headertest1.jpg"></center>
 
<br>
<center>This Page is best viewed with<br>
<IMG SRC="ECG/images/IEICON.gif"></center><br>
 
 
 
 
<BODY BGCOLOR="c0c0c0">
 
 
 
<font size="3" face="arial" color="black">
 
 
 
 
<table width="100%" cellspacing="0" bgcolor="#6699CC">
<tr>
<td>

Cannot get images to show or align right

hello, i'm playing around with some different css trying to learn. i am a big newb at this, so maybe you can help me. i cannot get my images to show, and i don't know how to align them probably. the url is www.emilnygaardfrisk.hostingsiteforfree.com/friskdesign/

the html code:

Syndicate content