JulienW: css postition top und bottom wollen nicht in % funktionieren.

Beitrag lesen

SELF-Forum

css postition top und bottom wollen nicht in % funktionieren.

JulienW
– Informationen zu den Bewertungsregeln

problematische Seite

Halli Hallo, um ehrlich zu sein verstehe ich kaum was ich hier mache und versuche mit meinem Halbwissen ans Ziel zu kommen.. Ich habe mir zahlreiche Videos zum Thema css positionierung angesehen.. bedauerlicherweise fehlt mir aber scheinbar der ein oder andere IQ um zu verstehen warum das hier nicht so klappt wie es soll.

Mein Problem ist das ich meine "Linkliste" (DIV "solinks") nicht so positionieren kann wie ich gern möchte. Rechts und Links klappt prima nur Top und bot werden ignoriert sobald ich sie in % angebe.

Mein Plan war es alle Maße auf der Seite in % anzugeben damit sie bei jeder Skalierung (also tablet PC oder weisnichtwas) gleich darstellt.

.solinks p {
  text-align: center;
  border: 5px solid green;
  color: #ffffff;
  bottom: 50%;
  left: 70%;
  max-width: 20%;
  position: relative; }

<html lang="de">
<head>
  <title>Reese</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="shortcut icon" href="assets/img/favicons/favicon.ico">
  <link rel="stylesheet" href="assets/css/main.css" />
</head>
<body>
  

<div class="page-home">
<span class="logo-reese"><img src="assets/img/reesetvmk.png">
  <div class="solinks">
  <p><a href="">Facebook</a></p>
  <p><a href="">Youtube</a></p>
  <p><a href="">Soundcloud</a></p>
  <p><a href="">E-Mail</a></p>
  </div>


  <video poster="assets/img/videoposter.jpg" autoplay controls>
	<source src="assets/vid/tvvid1.mp4" type="video/mp4">
	<source src="assats/vid/tvvid1.webm" type="video/webm">
  </video>
</div>



</div>

<script src="assets/js/jquery-2.1.4.min.js"></script>
<script src="assets/js/functions.js" type="text/javascript"></script>
</body>
</html>
Beitrag melden
–
Informationen zu den Bewertungsregeln