Autor |
Nachricht |
lubux
Threadersteller
Dabei seit: 24.03.2004
Ort: münster
Alter: 43
Geschlecht:
|
Verfasst Fr 26.03.2004 13:42
Titel position : relative |
|
|
mit CSS relativ positionieren soll gehen. problem: geht nicht. hat irgend jemand ein funktionierendes beispiel, an dem man mal sehen kann, woran da eigentlich bei der angabe "position : relativ" relativ positioniert wird?
|
|
|
|
|
beeviZ
Dabei seit: 30.09.2002
Ort: -
Alter: -
Geschlecht:
|
Verfasst Fr 26.03.2004 15:56
Titel
|
|
|
du hast auch relativE geschrieben, und nicht wie im posting relatiV?
css ist in solchen sachen ganz empfindlich.
ebenso musst du drauf achten das du position: relative; (mit semikolon) schreibst.
eigentlich sollte es dann gehen mit
Code: |
.klassenname {
position: relative;
top: 0px;
left: 50px;
}
|
haste mal den code da, oder die seite irgendwo online wos nicht funktioniert?
|
|
|
|
|
Anzeige
|
|
|
markzwosieben
Dabei seit: 06.03.2004
Ort: Berlin
Alter: -
Geschlecht:
|
Verfasst Fr 26.03.2004 16:38
Titel
|
|
|
die anweisung 'relative' bezieht sich im normalfall auf das jeweils übergeordnete objekt
|
|
|
|
|
sahnemuh
Dabei seit: 19.06.2003
Ort: /dev/null
Alter: 42
Geschlecht:
|
Verfasst Fr 26.03.2004 18:34
Titel
|
|
|
simples beispiel:
Code: |
#container {
position: relative;
top: 50%;
left: 50%;
margin-left: -150px;
margin-right: -150px;
width: 300px;
height: 300px;
background: #FD26EB;
}
#inner {
position: relative;
width: 50%;
height: 50%;
left: 50%;
top: 50%;
background: #8B0393;
}
p {
font-size: 12px;
font-family: arial, verdana, helvetica, sans-serif;
color: #FD26EB;
font-weight: bold;
}
#container > p {
font-size: 12px;
font-family: arial, verdana, helvetica, sans-serif;
color: #8B0393;
font-weight: bold;
} |
und das in dein html:
Code: | <div id=container>
<div id=inner>
<p>blubb</p>
</div>
<p>moep</p>
</div> |
Zuletzt bearbeitet von sahnemuh am Fr 26.03.2004 18:34, insgesamt 1-mal bearbeitet
|
|
|
|
|
lubux
Threadersteller
Dabei seit: 24.03.2004
Ort: münster
Alter: 43
Geschlecht:
|
Verfasst Mo 29.03.2004 11:54
Titel
|
|
|
danke, mittlerweile hat das hier auch schon geklappt. ist halt wirklich etwas verwirrend, relative richtet halt relativ zum vorigen element im normalen textfluss aus, absolute zum vorigen hirarchischen element. aber es funzt nun. tabellenlayouts ade :)
|
|
|
|
|
|
|
|
Ähnliche Themen |
position: relative; Konfusion
mal wieder div position:absolute oder relative
[HTML] div position:relative hinterlässt leeren Raum
position: relative; "zerstört design"?
Relative und Absolute Pfade
relative box positionierung mit z-index
|
|