|
Quellcode
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
|
body { background-image:url(); background-repeat:repeat-x;
background-color:#000000; color:#000000; text-align:center;
padding-left:0px; padding-right:0px; padding-top:10px; padding-bottom:10px;
margin:0px; }
img { border:0; }
/* Gliederung der Inhalte */
#center { background-color:transparent; border:red 1px solid; width:389px; height:526px;
color:green; text-align:center; margin:0px auto; overflow:hidden;
position:ralative; top:0px; left:0px; z-index:1; visibility:visible; }
#Seitenueberschrift { background-image:url();
background-color:#000000; width:300px; height:786px;
padding:0px; margin:0px auto; top:0px; left:0px ;;
position:relative; z-index:5; visibility:visible;
font-family:Arial,sans-serif; font-size:25px; color:#ffffff;
text-decoration:none; font-weight:bold; font-style:italic;
text-align:left; border:red 1px solid; }
|
Seite hintergrund schwarz
in der Mitte einen link mit bild (div tag center)
links daneber ein Text (div tag seitenueberschrift)
Die Anordnung der elemente passt nicht. Bild ist egal bei welcher Auflösung in der Mitte.
Passt soweit.
Jetzt soll links daneber ein Text. Text ist auch bei 1024*768 richtig pasitioniert.
Wenn allerdings auflösung sich änder Rückt auch der Text vom Bild nach links weg.