FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Zur Registrierung

Thema: Problem/Frage: Spezielle Positionierung von div mit CSS vom 01.10.2008

	MGi Foren-Übersicht -> Allgemeines - Nonprint -> Problem/Frage: Spezielle Positionierung von div mit CSS
	Seite: Zurück 1, 2, 3 Weiter

Autor

Nachricht

pixelpapst303

Dabei seit: 06.07.2006
Ort: hamburg
Alter: 50
Geschlecht: Männlich

Verfasst Mi 01.10.2008 16:13
Titel

status4 hat geschrieben:

Hat das Element #primary denn eine feste Höhe?

. o O (ahhh... er will mit margin: -x px; und margin: +y px; tauschen.... der fuchs...)

. o O (mööp... geht auch nicht)

Zuletzt bearbeitet von pixelpapst303 am Mi 01.10.2008 16:19, insgesamt 1-mal bearbeitet

status4

Dabei seit: 01.10.2008
Ort: -
Alter: -
Geschlecht: -

Verfasst Mi 01.10.2008 16:22
Titel

pixelpapst303 hat geschrieben:

status4 hat geschrieben:

Hat das Element #primary denn eine feste Höhe?

. o O (ahhh... er will mit margin: -x px; und margin: +y px; tauschen.... der fuchs...)

. o O (mööp... geht auch nicht)

Falsch.

Nein, ich fand die Frage nur interessant um Zwommel das Gefühl zu geben dass ich eine Möglichkeit
sehe dabei habe ich nicht mal seinen Beitrag vollständig gelesen.

Zuletzt bearbeitet von status4 am Mi 01.10.2008 16:23, insgesamt 1-mal bearbeitet

pixelpapst303

Dabei seit: 06.07.2006
Ort: hamburg
Alter: 50
Geschlecht: Männlich

Verfasst Mi 01.10.2008 16:27 Titel

das ist gemein. denn ich sehe keine reine css lösung, da "content" variabel ist... aber sags mir ruhig

status4

Dabei seit: 01.10.2008
Ort: -
Alter: -
Geschlecht: -

Verfasst Mi 01.10.2008 16:36
Titel

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Pummel</title>
   <style type="text/css">
      * {
         margin: 0;
         padding: 0;
      }
      #wrapper {
         margin: 0 auto;
         padding-bottom: 30px;
         position: relative;
         width: 900px;
      }
      #bottom {
         background: #eee;
         bottom: 0;
         height: 30px;
         position: absolute;
         width: 100%;
      }
      a+p {
         display: none;
      }
      a:hover+p {
         display: block;
      }
   </style>
</head>
<body>
<div id="wrapper">
   <div id="bottom">
      <p>bottom foo bar</p>
      </div>
      <div id="top">
         <p>top foo bar. top foo bar. top foo bar. top foo bar.
         top foo bar. top foo bar. top foo bar. top foo bar. </p>
         <a href="#">mehr Inhalt</a>
         <p>top foo bar. top foo bar. top foo bar. top foo bar.
         top foo bar. top foo bar. top foo bar. top foo bar. </p>
      </div>
</div>
</body>
</html>

Zuletzt bearbeitet von status4 am Mi 01.10.2008 16:40, insgesamt 2-mal bearbeitet

pixelpapst303

Dabei seit: 06.07.2006
Ort: hamburg
Alter: 50
Geschlecht: Männlich

Verfasst Mi 01.10.2008 16:52 Titel

so. und jetzt noch den ie6 hack bitte...

status4

Dabei seit: 01.10.2008
Ort: -
Alter: -
Geschlecht: -

Verfasst Mi 01.10.2008 17:03
Titel

pixelpapst303 hat geschrieben:

so. und jetzt noch den ie6 hack bitte... *Thumbs up!*

Wie, läuft nicht unter ie6? Sollte eigentlich. Achso, der adjacent sibling selector natürlich nicht.

Zuletzt bearbeitet von status4 am Mi 01.10.2008 17:03, insgesamt 1-mal bearbeitet

pixelpapst303

Dabei seit: 06.07.2006
Ort: hamburg
Alter: 50
Geschlecht: Männlich

Verfasst Mi 01.10.2008 17:06
Titel

status4 hat geschrieben:

pixelpapst303 hat geschrieben:

so. und jetzt noch den ie6 hack bitte... *Thumbs up!*

Wie, läuft nicht unter ie6? Sollte eigentlich. Achso, der adjacent sibling selector natürlich nicht.

und das + auch nicht... * Ich bin ja schon still... *

status4

Dabei seit: 01.10.2008
Ort: -
Alter: -
Geschlecht: -

Verfasst Mi 01.10.2008 17:07
Titel

pixelpapst303 hat geschrieben:

und das + auch nicht... * Ich bin ja schon still... *

	Seite: Zurück 1, 2, 3 Weiter
	MGi Foren-Übersicht -> Allgemeines - Nonprint

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.