images in a horizontal scrolling liquid design.

Hey,
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.

Live:
thijsch.nl/4people

HTML

<!DOCTYPE HTML>
<html lang="nl">
<head>
<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.

Thanks

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

See web page at www.efficertain.com/mortgageinvestor1.php

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" "http://www.w3.org/TR/html4/loose.dtd">
 
<?php
$filename = basename($_SERVER['PHP_SELF']);
?>
 
<html>
<head>
 
<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 www.couponstoreroom.com
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

Clearfix issue - a margin is added

Hi,

i'm using Clearfix method to clear floated elements. And on one of the pages I realized that my layout got slightly broken. I've managed to reproduce the issue here:

http://jsfiddle.net/nyxBp/2/

Could you explain why when I apply clearfix class I see a margin between container and footer, whereas old clear:both does not cause this issue? Also, is it possible to use clearfix and get rid of this margin?

Thanks,
Pawel

Syndicate content