Kubrick linksbündig, position:absolute

• 

  suladu · Mitglied · September 13, 2009 at 8:38 am

  • Link kopieren
  • Thema zu Favoriten hinzufügen

  Hallo,

  nur noch eine kleine Frage, ich hoffe, sie ist nicht zu aufwändig. Habe mein Kubrick nach meinen Wünschen gestaltet. Das Einzige, was ich nun noch möchte, ist, dass der komplette Blog linksbündig ausgerichtet ist mit nur einem kleinen Rand und sich das Ganze dann auch nicht mehr verschiebt (position:absolute ?).

  Danke im Voraus.

  Blog: http://suladu.wordpress.com/

  Der Blog bei dem ich Hilfe benötige heißt (nur für angemeldete Benutzer sichtbar).

• 

  zodiac1978 · Mitglied · September 13, 2009 at 9:36 pm

  • Link kopieren

  Versuche es mal mit floaten:
  float: left;

  Siehe: http://de.selfhtml.org/css/eigenschaften/positionierung.htm#float

  Abstände nach außen mit margin (z.B. 20 Pixel):
  margin-left:20px;

  Siehe: http://de.selfhtml.org/css/eigenschaften/randabstand.htm

  Gruß, Torsten

• 

  iqatrophie · Moderator · September 13, 2009 at 10:55 pm

  • Link kopieren

  Linksbündig erreichst du, wenn du aus der #page ID die margin entfernst.

  #page {
  background-color:white;
  border:1px solid #959596;
  margin:20px auto;
  padding:0;
  width:760px;
  }

  Das ‚auto‘ bei margin ist hier für die Zentrierung verantwortlich. Wenn du die margin komplett löscht, sollte der Blog linksbündig ausgerichtet werden.

  Was du genau mit nicht verschieben meinst, ist mir nicht ganz klar. Redest du vielleicht von der Navigationsleiste/Sidebar?
  Diese fixierst du, indem du der #sidebar ID den Eintrag position:fixed hinzufügst.

  #sidebar {
  ...
  position:fixed;
  }

  Ob das auch in alten Browsern funktioniert, oder wie es dann dort aussieht, kann ich leider nicht sagen.

  Gruß, Martin(IQ)

• 

  zodiac1978 · Mitglied · September 14, 2009 at 9:05 am

  • Link kopieren

  Oh, ja, das ist auf jeden Fall der bessere Weg. „auto“ raus und die Abstände dann je nach Wunsch einstellen.

  Und zu position:fixed:

  Die Angabe fixed wird vom Internet Explorer für Windows bis Version 6 gar nicht und von Version 7 nur im Beispiel-Seite standardkonformen Modus unterstützt, Netscape unterstützt sie seit Version 6.1.
  Der Internet Explorer 6 berücksichtigt ferner nur einen Eckpunkt, sodass es diesem Browser nicht möglich ist, einem Element bei Angabe mehrerer Eckpunkte unter Verzicht auf width/height eine zu berechnende Breite und/oder Höhe zuzuweisen, wie dies im Beispiel auf das Element a7 zutrifft. Der Internet Explorer 7 berechnet bei Angaben zu top und bottom die Höhe nicht.

  Quelle: http://de.selfhtml.org/css/eigenschaften/positionierung.htm#position

  Gruß, Torsten