Thread Dreispaltiges Layout mit CSS: um Tabellen los zu werden (51 answers)
Opened by Crian at 2004-01-31 01:24

Crian
 2004-01-31 18:06
#25560 #25560
User since
2003-08-04
5866 Artikel
ModeratorIn
[Homepage]
user image
Das ist es noch nicht ganz, die rechte Spalte ist zu weit unten, sie fängt da an, wo die Textspalte (Mitte) aufhört...

CSS:

Code: (dl )
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
#linkskueste {
border: 1px solid silver;
width: 520px;
float:left;
}
#mittekueste {
border:1px solid green;
margin-left:525px;
margin-right:345px;
}
#rechtskueste {
border:1px solid blue;
width:340px;
float:right;
}


HTML:

Code: (dl )
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
        <div id="linkskueste">
<p>
<img ... />
<br />
<img ... />
<br />
<img ... />
</p>
</div>

<div id="mittekueste">
<p>...</p>
<p>...</p>
<p>...</p>
</div>

<div id="rechtskueste">
<p>
<img ... />
<br />
<img ... />
</p>
</div>



Jetzt sieht es so aus: (Netscape 7.1 Win98)

Code: (dl )
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
+-------------------------------------------------+
|+----------------------+ +-----+ |
||Drei querliegende | | Text| |
||Fotos übereinander | | Text| |
|| | | Text| |
|| | | Text| |
|| | | Text| |
|| | | Text| |
|| | | Text| |
|| | | Text| |
|| | +-----+ +--------------+|
|| | | Zwei hori- ||
|| | | zontale ||
|| | | Fotos über- ||
|| | | einander ||
|| | | ||
|| | | ||
|| | | ||
|| | | ||
|| | | ||
|| | | ||
|| | | ||
|| | | ||
|| | | ||
|+----------------------+ | ||
+---------------------------------| |+
| |
| |
| |
| |
| |
| |
| |
+--------------+
\n\n

<!--EDIT|Crian|1075565445-->
s--Pevna-;s.([a-z]).chr((ord($1)-84)%26+97).gee; s^([A-Z])^chr((ord($1)-52)%26+65)^gee;print;

use strict; use warnings; Link zu meiner Perlseite

View full thread Dreispaltiges Layout mit CSS: um Tabellen los zu werden