Floated div with border problem

alex

Hey all,

May have missed this in the FAQ, advice or article links welcome.

Have a content div with a navigation div floated left and an
advertisement div floated right. I would like to have a border
going around the content, the two divs and right down to the bottom.

So far, all I've got is this:

http://www.redbrick.dcu.ie/~alex/test/corporate/

CSS:

http://www.redbrick.dcu.ie/~alex/tes...orate-main.css

Ideally, I would like the two floated divs to extend downwards as more
content is added, and taking the border with it. I tried messing
around with height: 100%; (for the floated divs) but didn;t really
understand what it was doing.

Any ideas?

(Also, when I take out the border (in Opera 8.54), the margins jump a
little for the entire #contentcontainer div - what's up with that?

Any help appreciated.

Alex

--
I must not fear. Fear is the mindkiller.
Fear is the little death that brings total obliteration.

Jul 7 '06 #1

Subscribe Post Reply

1334

Andy Dingley

alex wrote:

May have missed this in the FAQ, advice or article links welcome.

brainjar.com (look for "CSS positioning")

Jul 7 '06 #2

by: Ney André de Mello Zunino | last post by:

Hello. The issue is quite known: you have a block-level container holding a set of floated elements and you need that the container's content height take the floated elements' dimensions into...

HTML / CSS

Floated image in a relative position div

by: boclair | last post by:

Is this a known problem with IE6? I have a provisional two column layout, the left menu column is positioned absolute. The contents column is positioned relative. The contents column has an...

HTML / CSS

Deprecated, shmeprecated - at least it works!

by: puzzled | last post by:

Okay, so my subject sounds a bit crass. As much as I'd like to totally embrace css and avoid "deprecated" usage, sometimes the deprecated stuff is so much easier and more effective. Plus, it at...

HTML / CSS

Old Opera makes floated DIV too wide

by: Thomas Mlynarczyk | last post by:

Hi, Here's what I have: <div> <img ...><br> Caption text </div> The div is floated left and has no width set, the content is centered, there are no margins or padding on the <img> (just a...

HTML / CSS

borders, blockquotes, and floated images

by: Pierre Jelenc | last post by:

http://www.web-ho.com/blog/test.html is a model to illustrate the following problem: The second paragraph ("Sed nec augue ... Fusce nec massa.") is a blockquote set out with a gray bar with ...

HTML / CSS

Wrapped text doesn't properly flow round floated div in IE6

by: sweep | last post by:

Hi there, I have a problem with some CSS I'm writing and I was looking for a little help. I have a nav bar at the top and left side of my page in CSS which work fine. The remaining space has a...

HTML / CSS

text not wrapping around image floated right

by: edski | last post by:

Using a technique I found here: http://www.vertexwerks.com/tests/sidebox/ I created these "dialogue" boxes: http://www.ebph.org/test.htm In IE6, the text does not wrap correctly around the...

HTML / CSS

3 floated DIVs in a row in IE - gap between last two DIVs - why?

by: tasman.hayes | last post by:

I'm experimenting with converting a site from a table layout to CSS. I'm floating three DIVs in a row for the top of a website (a logo, navigation buttons and a email list signup box). The DIVs...

HTML / CSS

CSS Floated <div box and overflow problem

by: bugboy | last post by:

Hi! I have multiple floating boxes inside a main box that has a fixed dimension. The floating boxes may vary in number and i want them to stay lined up along the top of the main box with a...

HTML / CSS

How to turn on java script in a villaon keypad mobile phone

by: Charles Arthur | last post by:

How do i turn on java script on a villaon, callus and itel keypad mobile phone

Java

Basic Javascript concepts

by: aa123db | last post by:

Variable and constants Use var or let for variables and const fror constants. Var foo ='bar'; Let foo ='bar';const baz ='bar'; Functions function $name$ ($parameters$) { } ...

Javascript

Batch import of multiple excel files into the database

by: ryjfgjl | last post by:

If we have dozens or hundreds of excel to import into the database, if we use the excel import function provided by database editors such as navicat, it will be extremely tedious and time-consuming...

Data Management

Migrating Website to Cloud - Emmanuel Katto

by: emmanuelkatto | last post by:

Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud. Please let me know. Thanks! Emmanuel

General

Navigating the Data Structures and Algorithms (DSA)

by: BarryA | last post by:

What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...

Algorithms / Advanced Math

Is that possible of reading the .csv file in column wise and the column have different lengths ?

by: Sonnysonu | last post by:

This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...

C / C++

How to build RAID in BIOS?

by: Hystou | last post by:

There are some requirements for setting up RAID: 1. The motherboard and BIOS support RAID configuration. 2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...

Computer Hardware

Changing the language in Windows 10

by: Hystou | last post by:

Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can...

Windows Server

Problem With Comparison Operator <=> in G++

by: Oralloy | last post by:

Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers,...

C / C++

Floated div with border problem

Similar topics