...

View Full Version : two column page



docock
10-26-2007, 06:11 PM
I'm trying to display a page with 2 columns, 1 left, 1 right. The right column is fixed. It shows well in both firefox and IE 6.0..however, there aint a visible scrollbar when I view it in IE 6.0. I don't have a clue how to show the scrollbar (at the right side of the browser), so if anyone can help me?
I hope the coding is cross-browser?

my html code:


<!-- IE in quirks mode -->
<!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">


<style type="text/css">
<!--
@import "fixed2.css";
-->
</style>
</head>

<body>


<div id="kolom_rechts">RECHTER KOLOM</div>

<div id="content">
<p>een heleboel tekst</p>

<p>en nog meer tekst</p>

<p>en nog een paragraaf met tekst</p>

<p>en de laatste met een heleboel tekst erin</p>
<p>een heleboel tekst</p>

<p>en nog meer tekst</p>

<p>en nog een paragraaf met tekst</p>

<p>en de laatste met een heleboel tekst erin</p>
<p>een heleboel tekst</p>

<p>en nog meer tekst</p>

<p>en nog een paragraaf met tekst</p>

<p>en de laatste met een heleboel tekst erin</p>
<p>een heleboel tekst</p>

<p>en nog meer tekst</p>

<p>en nog een paragraaf met tekst</p>

<p>en de laatste met een heleboel tekst erin</p>
<p>een heleboel tekst</p>

<p>en nog meer tekst</p>

<p>en nog een paragraaf met tekst</p>

<p>en de laatste met een heleboel tekst erin</p>
<p>een heleboel tekst</p>

<p>en nog meer tekst</p>

<p>en nog een paragraaf met tekst</p>

<p>en de laatste met een heleboel tekst erin</p>
<p>een heleboel tekst</p>

<p>en nog meer tekst</p>

<p>en nog een paragraaf met tekst</p>

<p>en de laatste met een heleboel tekst erin</p>
<p>een heleboel tekst</p>

<p>en nog meer tekst</p>

<p>en nog een paragraaf met tekst</p>

<p>en de laatste met een heleboel tekst erin</p>
</div>


my css code:

body{
margin: 0;
font-family: Verdana, sans-serif;
font-size: 0.8em;
}



div#kolom_rechts{
position: fixed;
top: 0;
right: 0;
width: 500px;
height: 100%;
padding: 10px 0 0 0;
background-color: #F60;
z-index: 0;
}

div#content{
padding: 0px 0px 0 20px;
}

/* IE only */
* html body{
overflow-y: scroll;
padding: 0px 0px 0 20px;
}

* html div#header{
position: absolute;
}

* html div#kolom_rechts{
position: absolute;
}

* html div#content{
height: 100%;
overflow: auto;
padding: 0px 20px 0 0;
}

effpeetee
10-26-2007, 06:35 PM
I don't have IE6, but I discovered this on Google.

Might help.

Frank


[thelist] Tip - Scrollbars in IE6
Mark Howells mark at mountain.ch
Tue Dec 18 06:23:58 2001

Previous message: [thelist] GD windows still messing up.
Next message: [thelist] Access Date Trouble
Return to the message index sorted by: [ date ] [ thread ] [ subject ] [ author ]

--------------------------------------------------------------------------------

<tip type="Horizontal scrollbars in IE6 Framesets" author="Mark Howells">
Problem: A horizontal scrollbar always appears in an inner frame page when
using IE6 to view your page.
Solution: use scrolling="yes" instead of scrolling="auto" in the appropriate
frame declaration.
</tip>

Regards
Mark Howells
Working in a Winter Wonderland
http://www.mark.ac

docock
10-26-2007, 08:11 PM
thanks, but doesn't solve my problem unfortunatly

abduraooft
10-26-2007, 08:42 PM
I'm trying to display a page with 2 columns, 1 left, 1 right. The right column is fixed. It shows well in both firefox and IE 6.0..
How? The position:fixed property doesn't work in IE.

You have some major markup errors.
1)From where you've got the <!-- IE in quirks mode --> as your fisrt line. Anyway remove this.
2) You have no <head> opening tag before <style>
3)Look at the end, missed </body></html>

docock
10-26-2007, 09:37 PM
well i've seen examples around on the internet.. so it must be possible

If someone has some other (cross-browser) code for me, that would great :)

jlhaslip
10-26-2007, 11:38 PM
try setting {height: 100.1%} on the div to force the scrollbars

And why do you want Quirks mode? It is somewhat unpredictable and, for consistent presentation cross Browser, a real Doctype is recommended..



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum