mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Do 18.04.2024 03:12 Benutzername: Passwort: Auto-Login

Thema: position : relative vom 26.03.2004


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Programmierung -> position : relative
Autor Nachricht
lubux
Threadersteller

Dabei seit: 24.03.2004
Ort: münster
Alter: 43
Geschlecht: Männlich
Verfasst Fr 26.03.2004 13:42
Titel

position : relative

Antworten mit Zitat Zum Seitenanfang

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?
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
beeviZ

Dabei seit: 30.09.2002
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Fr 26.03.2004 15:56
Titel

Antworten mit Zitat Zum Seitenanfang

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?
  View user's profile Private Nachricht senden
Anzeige
Anzeige
markzwosieben

Dabei seit: 06.03.2004
Ort: Berlin
Alter: -
Geschlecht: Männlich
Verfasst Fr 26.03.2004 16:38
Titel

Antworten mit Zitat Zum Seitenanfang

die anweisung 'relative' bezieht sich im normalfall auf das jeweils übergeordnete objekt
  View user's profile Private Nachricht senden
sahnemuh

Dabei seit: 19.06.2003
Ort: /dev/null
Alter: 42
Geschlecht: Männlich
Verfasst Fr 26.03.2004 18:34
Titel

Antworten mit Zitat Zum Seitenanfang

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
  View user's profile Private Nachricht senden
lubux
Threadersteller

Dabei seit: 24.03.2004
Ort: münster
Alter: 43
Geschlecht: Männlich
Verfasst Mo 29.03.2004 11:54
Titel

Antworten mit Zitat Zum Seitenanfang

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 :)
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
 
Ä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
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Programmierung


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.