How this code works [It's About Float Container]?

Recently while doing practical from StunningCSS3 Book, I faced this problem. First please Look at the code.


        <li><a href="video/">Cary riding a horse for the first time (MOV)</a></li>
        <li><a href="photos/lymepark.jpg">Zoe at Lyme Park</a></li>
        <li><a href="photos/dovedale.jpg">Cary and Zoe in Dovedale Valley</a></li>
        <li><a href="photos/sudburyhall.jpg">Zoe at Sudbury Hall</a></li>


h3 {
   float: left;
   font-size: .8em;
   font-weight: normal;

images in a horizontal scrolling liquid design.

the title allready says it. I am currently working on a liquid design within a one-page horizontal scrolling design. which surprisingly doesnt give that much complications, the is just one thing I can't figure out. Perhaps I should explain what I am working on first.



<html lang="nl">
<link rel="stylesheet" href="reset.css" type="text/css" />
<link rel="stylesheet" href="stylesheet.css" type="text/css" />
<meta http-equiv="content-type" content="text/html; charset=utf-8" />

Floating CSS divs

So I'm looking for a simple solution to this problem. I have to div boxes vertically stacked. I'd like the bottom box to remain directly underneath the top box regardless of the height of the top box. This way when I add content to the top box I don't have to adjust to vertical position of the bottom box.


Why is text in one div prematurely wrapping based on layout above

See web page at

The text in the 'footerbox' div (red border) seems to be wrapping prematurely, maybe either following the 'credbox' div (green border) or maybe due to floating around the 'requestbox' div

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "">
$filename = basename($_SERVER['PHP_SELF']);
<style media="all" title="mystyles" type="text/css">
	body { 
	background-color: #fff2e5; 		
	color: #000000; 		

Wow, I'm Stuck. Image/body text not aligning

I have a simplistic test site at
I have a seperate CSS file and a simple html index page. All I am looking for is to have a simple 2 column site with navigation on the left, with a header image at the top and a body of text to the right of the navigation.

Here is my issue:
Whenever I try and put text in under the image, the image moves to the left instead of staying put. The navigation stays in place. Wink
I am sure there are many mistakes in the code, but I am trying to learn it! I put the doc type in, but don't really know what it means yet... Puzzled

Syndicate content