Text Under Multiple Left Floats

Hi, I'm not sure if this should be posted in the Beginner section because it seems like something simple, but I've been goofing with it for a full day and multiple Google searches haven't helped.

My desired layout is a menu section on the left, then content on the right. The content will contain multiple "float: left;" classes for thumbnails. Then a section with text under the thumbnails (not captions, but a paragraph with text). The problem is that I want this text underneath the thumbnails, but not underneath the menu section.

Centering float in IE7


i was looking for a solution in various forums but couldnt find it..

I have expandable buttons (img replaced with background-color) and need them to be centered. my code doesnt work in IE7 only Sad is there a solution?

<style type="text/css">
.container {display:table;font-size:13px;font-weight:bold;margin:0 auto;padding:15px 0 10px;text-align:center;}

Overlay menu over images

Hi again,

I put an image underneath my menu. The problem is that if the menu grows it will push the image down. How can I get the menu to overlay over the image so that its not pushed down?

This shows the problem:


my html:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

Positioning of a box with a relative width in a layout

Hi there...

Is it possible to position a child element relatively to a floated parent element?

Link to page: [a]http://menschenbilder.bplaced.net/start/index_bio.html[/a]

I want to have the girl always positioned in the bottom left corner and the logo in the top left one. That is even already working neatly.

Then however the content box is supposed to be placed to the right and should be sized so that the height is a 100% of the whole viewport and the width goes from the right border up to the picture of the girl.

Someone got an idea how this could work?

Float problem in FFox and Chrome


I'm trying to get the layout for a new website and having problems getting it to work properly in chrome/firefox. It works perfectly in IE.

It all seems to revolve around the float : left which I'm using to establish the left handed navigation. Without it everything works fine, but as soon as I apply the float the container that should stretch to accomodate the nav and main content shrinks. The page is at http://www.21ctelecom.co.uk/new/ and the code below.

Syndicate content