DIV problem whit the vertical lines in IE 6 & 7

[tellus]

Hello everyone,

I have been working whit this site some time now and I cant see how I can resolv the problem.

The site talking abote is http://www.megafonen.com

What I want is 2 vertical lines betwin the columns, but in IE 6 & 7 it dosen´t happent.

But in other browser ie Safari Firefox Opera etc. it works fine.

Please help me

/Anders

[juergen]

hmmm .. hi !


with these things in CSS like

Code: Select all

float: both

perfect playground for IE

[tellus]

Diden´t realy work, but thanks any way

/Anders

[Jensensen]

Heja Sverige, heja Anders,

try:

div.kolumn_huvud {
float: left;
clear: left;
width: 442px;
padding-left: 15px;
padding-right: 15px;
margin-top: 15px;
border-left: 1px solid #5f5;
border-right: 1px solid #5f5;
}

forget about:
<div class="vertlinje">

better RETHINK page layout!
[too many divs... for {simple} 3 kolumns
and pretty much wrappers¿ used for rounded edges / round corners]

or try good old faux columns

svensk:
http://jarvklo.se/arkivet/2004/12/creat ... lumns.html
http://stilmall.se/css-faq/
http://kaxigt.com/layoutverkstad/

[flip-flop]

... or try one of this templates.

have a look too:
- various 3 columns layouts, no faux columns
- various 3 columns layouts with faux columns

Knut