Hi
I want to display multiple blocks containing 1 or 2 Columns. Iv got a
Page that works with IE6 but in firefox the page looks terrible - all
the titles are at the beginning and the blocks seem not to be
recognised.
Any Ideas or workarounds?
Thanks for a hint
Markus
h2 {
text-align: left;
font-family: Arial, "sans serif";
font-size: 120%;
font-style: normal;
font-weight: bold;
color: #CC0000;
padding: 20px;
height: 30px;
}
#LayerBlock {
width:750px;
z-index:3;
height: auto;
background-color: #CCFFFF;
position: relative;
left: 200px;
}
#LayerColumn11 {
z-index:3;
background-color: #FFFFCC;
width: 750px;
float: left;
}
#LayerColumn21 {
z-index:3;
background-color: #FFFFCC;
width: 450px;
float: left;
}
#LayerColumn22 {
width:280px;
z-index:3;
background-color: #99CC99;
float: right;
}
-->
</style>
</head>
<body>
<div id="LayerBlock">
<h2> Titel1 </h2>
<div id="LayerColumn21">
111 AAAAAAA
</div>
<div id="LayerColumn22">
222 AAAAAAA AAAAAAAAAAaa AAAAAAAAA AAAAAAAAAAAAa AAAAAAAAAAAAAA
AAAAAAAAAAAAAA AAAAAAAA bbbbbbbbbb bbbbbbbbbb bbbbbbbb
bbbbbbbbbAAAAAAAAAAA AAAAAAAAA AAAAAAAAAAAAAAAAA AAAAA AAAAAAAAgsziel
ist, reist sie schon vor der Saison hin, um sich ein Zimmer nach ihrem
Geschmack auszusuchen.
</div>
</div>
<div id="LayerBlock">
<h2> Titel2 </h2>
<div id="LayerColumn11">
3333 3AAAAAAAAAAAA AAAAAaa AAAAAAAAAAA AAAAAAAAAAa AAAAAAAAAAAA
AAAAAAAAAAAAAAAA AAAAA AAAAAAAAAAAAAA AAAAAAAAAAAAAAAA AAAAAAAAAA
AAAAAAAAAAAAAAA AAAAAAAAAAAa gsziel ist, reist sie schon vor der Saison
hin, um sich ein Zimmer nach ihrem Geschmack auszusuchen.
</div>
</div>
<div id="LayerBlock">
<h2> Titel3 </h2>
<div id="LayerColumn21">
444 Frau Geheimrätin wünscht ihren Aufenthalt in der Nähe des
Fürstenwaldes zu verbringen. Da sie weiss, dass dies ein beliebtes
Ausflugsziel ist, reist sie schon vor der Saison hin, um sich ein
Zimmer nach ihrem Geschmack auszusuchen.
</div>
<div id="LayerColumn22">
55555 AAAAAAA
</div>
</div>
Columns in Firefox -
08-10-2006
, 01:48 PM
Linear Mode
