Left-floated image drops to below side menu... can't figure out why...

Hi all!

I have a classic two-column layout on this site (link is to the post with the problem I'm having):

http://cityoperavancouver.com/archives/1560

I'm discovering that when I apply a left float to an image in the content area, it drops down to below the bottom of the left-side menu. In this case, it's the "Give Art to Make Music" graphic of the painting on a music stand that's having the problem.

List item elements overlapping floated left div

Hi,

I am having problems with a floated left div, which contains an image and a caption. The floated left div is overlapped by an unordered list that appears to its right. Normal paragraph text correctly moves around the floated element but the list items do not.

A working example of what I mean can be found at: http://www.abstractproductions.com.au/about-us.php

The CSS I am using the float the image and caption is:

div.photo_left {
	float: left;
	margin: 0 10px 10px 0;
	padding: 5px;
	border: 1px solid #000;
	background-color: #333;
}

float: left. How does it work ?

Hi everyone,
I wanted a page with a red square, sizes: 100px X 100px and a blue square, size:
80px X 80px on top of the red square, at the middle of it, 10px far from each side of
the red square. I coded:

<style type="text/css">
  #bg_red {width:100px; height:100px; background-color: red; float: left;  }
  #blue 
    {
     width:80px; 
     height:80px;
     background-color: blue; 
     float:left; 
     margin-top:10px; 
     margin-left:-80px;}
</style>
</head>
<body>
  <div id="bg_red"></div>
  <div id="blue"></div>
</body>

CSS Alignment Issue with my CSS Rendered Calendar in IE8... Struggling to see what's wrong...

What've I done wrong...? See what's happening with my calendar here (I would C&P the source but it also has the entire php & javascript queries in it, so best if you check it out direct at site)

http://www.tuirennhurstfield.com/calendartrial.php

In IE8 the SUN & MON columns are replacing columns FRI & SAT and are pushing TUES-SAT down a level so they are below... This seems to only be happening in IE8, works fine in IE6, IE7, Safari and Firefox...

Right Navigation gets shifted all the way left no matter what

navprob.png
navprobmic.png

I started making this site with a css template in microsoft expressions, it was supposed to have a right nav, in expressions it is on the right hand side but no matter what when i preview my page it gets shifted all the way left.

Syndicate content