Opened by Crian at 2004-01-31 01:24
User since
2003-08-04
5866 Artikel
ModeratorIn
![[Homepage]](/battie/theme/default/homepage.gif)
2003-08-04
5866 Artikel
ModeratorIn
Ich versuche mich gerade daran, einen Teilbereich auf einer Seite mit Text und Fotos folgendermaßen dreispaltig zu gestalten:
Dazu sieht es auf der HTML-Seite so aus:
und der dazugehörige CSS-Ausschnitt:
Es sieht auch gut aus, aber was mich stört ist, dass die Gesamtbreite nun festliegt. Eigentlich möchte ich es so haben, dass die rechte und linke Spalte festliegt (Bilder) und die mittlere Spalte mit dem Text variabel ist.
Und das ganze sollte natürlich auch noch vernünftig aussehen, wenn man das Fenster relativ klein macht.
Mit Tabellen wäre das ja nun einfach, aber genau das versuche ich zu vermeiden...
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
+-------------------------------------------------+
|+----------------------+ +-----+ +--------------+|
||Drei querliegende | | Text| | Zwei hori- ||
||Fotos übereinander | | Text| | zontale ||
|| | | Text| | Fotos über- ||
|| | | Text| | einander ||
|| | | Text| | ||
|| | | Text| | ||
|| | | Text| | ||
|| | | Text| | ||
|| | | Text| | ||
|| | | Text| | ||
|| | | Text| | ||
|| | | Text| | ||
|| | | Text| | ||
|| | | Text| | ||
|| | | | | ||
|| | | | | ||
|| | | | | ||
|| | | | | ||
|| | | | | ||
|| | | | | ||
|| | | | | ||
|| | | | | ||
|+----------------------+ +-----+ +--------------+|
+-------------------------------------------------+
Dazu sieht es auf der HTML-Seite so aus:
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
<div class="rahmenkueste">
<div class="linkskueste">
<p>
<img ... />
<br />
<img ... />
<br />
<img ... />
</p>
</div>
<div class="mittekueste">
<p>rab rab</p>
<p>rab rab</p>
<p>rab rab</p>
</div>
<div class="rechtskueste">
<p>
<img ... />
<br />
<img ... />
</p>
</div>
</div>
und der dazugehörige CSS-Ausschnitt:
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
div.rahmenkueste { position:relative;
top:0px;
left:0px;
height:1100px;
}
div.linkskueste { position:absolute;
top:0px;
left:0px;
padding:10px;
}
div.mittekueste { position:absolute;
top:0px;
left:520px;
padding:10px;
width:200px;
}
div.rechtskueste { position:absolute;
top:0px;
left:720px;
padding:10px;
}Es sieht auch gut aus, aber was mich stört ist, dass die Gesamtbreite nun festliegt. Eigentlich möchte ich es so haben, dass die rechte und linke Spalte festliegt (Bilder) und die mittlere Spalte mit dem Text variabel ist.
Und das ganze sollte natürlich auch noch vernünftig aussehen, wenn man das Fenster relativ klein macht.
Mit Tabellen wäre das ja nun einfach, aber genau das versuche ich zu vermeiden...
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
use strict; use warnings; Link zu meiner Perlseite