Ergebnis 1 bis 9 von 9

Thema: Abstände zum Fensterrand?

  1. #1
    Meister(in)
    Registriert seit
    14.08.2003
    Beiträge
    412
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard Abstände zum Fensterrand?

    Hi

    Hab wiedermal ne Frage und zwar:

    Wie kann ich ein Element (zbs. eine Schrift) punktgenau positionieren? Zbs. dass es oben ein Abstand von 5 Pixel, unten ein Abstand von 5 Pixel, links und rechts ein Abstand von 5 Pixel zum Rand gibt?

    Es müsste jedoch bei allen Browsern gleich aussehen.

    Kann mir da jemand helfen?
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Meister(in)
    Themenstarter

    Registriert seit
    14.08.2003
    Beiträge
    412
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Sorry der Doppelpost aber ich hab jetzt ne Lösung gefunden (dachte ich). Aber leider sind die Abstände zwischen den Elementen unter jedem Browser wieder anderst.

    Guckst du hier:

    http://www.zelda-forum.com/jukebox/jukebox.htm

    Was mach ich falsch?

  3. #3
    Gast

    Standard

    CSS
    Code:
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 5px;
    margin-bottom: 5px;

  4. #4
    Fortgeschrittene/r
    Registriert seit
    21.11.2004
    Ort
    Bremen
    Beiträge
    175
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Genau, geht aber auch kürzer, wenn der Abstand überall gleich sein soll:

    Code:
    margin:5px
    oder zusammenfassen (Trouble-Regel: Top, Right, Bottom, Left):

    Code:
    margin:5px 4px 3px 2px
    Margin ist übrigens der äußere Abstand des Elements, mit Padding kann man den inneren Abstand bestimmen und Border liegt zwischen den beiden:

    http://de.selfhtml.org/css/formate/box_modell.htm

    Gruß
    Marcus

  5. #5
    Meister(in)
    Themenstarter

    Registriert seit
    14.08.2003
    Beiträge
    412
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Danke. Aber es sind mehrere Elemente dessen Abstand definiert werden müssen.

    Hier könnt ihr den Quelltext checken:

    http://www.zelda-forum.com/jukebox/jukebox.htm

    Trotzdem sind die Abstände je nach Browser verschienden. Wieso das?

  6. #6
    Fortgeschrittene/r
    Registriert seit
    21.11.2004
    Ort
    Bremen
    Beiträge
    175
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Um so besser. leg doch eine css-classe an:

    Code:
    <html>
    <head>
    <title>P mit Rand</title>
    <style type="text/css">
    .rand&#123;margin&#58;5px&#125;
    </style>
    </head>
    <body>
    <p class="rand">Ich hab Rand</p>
    </body>
    </html>
    du kannst das Stylesheet auch auslagern, und dann für das ganze Projekt verwenden:

    *.html:
    Code:
    <html>
    <head>
    <title>P mit Rand aber mit externem CSS</title>
    <link rel="stylesheet" type="text/css" href="styles.css" />
    </head>
    <body>
    <p class="rand">Ich hab Rand</p>
    </body>
    </html>
    styles.css:
    Code:
    .rand&#123;margin&#58;5px&#125;
    Gruß
    Marcus

  7. #7
    Meister(in)
    Themenstarter

    Registriert seit
    14.08.2003
    Beiträge
    412
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Hab's ja mit CSS gemacht. Hier ein Ausschnitt des Quelltextes:

    Code:
    <html>
    <head>
    <style type="text/css">
    div.beispiel1 &#123; margin-top&#58;1px; margin-left&#58;50px; &#125;
    div.beispiel2 &#123; margin-top&#58;10px; margin-left&#58;12px; &#125;
    div.beispiel3 &#123; margin-top&#58;10px; margin-left&#58;12px; &#125;
    div.beispiel4 &#123; margin-top&#58;20px; margin-left&#58;13px; &#125;
    div.beispiel5 &#123; margin-top&#58;15px; margin-left&#58;77px; &#125;
    div.beispiel6 &#123; margin-top&#58;25px; margin-left&#58;27px; &#125;
    </style>
    </head>
    Code:
    <body>
    <div class="beispiel1">
    <font face="Verdana" size="1" color="#000000">Zelda-Forum Jukebox</font></div>
    Trotzdem gibt es noch minimale Unterschiede unter versch. Browsern. An was könnte das liegen?

    Hier findet ihr den gesamten Quelltext:

    http://www.zelda-forum.com/jukebox/jukebox.htm

  8. #8
    Fortgeschrittene/r
    Registriert seit
    21.11.2004
    Ort
    Bremen
    Beiträge
    175
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Hi,

    evtl. hilft
    Code:
    padding&#58;0
    denn die Browser haben alle ihre eigenen Vorstellungeen, was die Standardvorgaben für unformatierten Text angeht, also bestimmt man am besten alles selbst, das gleihe gilt für die Schriftgröße usw, die sich übrigens auch mit CSS bestimmen lassen (auch in pixeln, wenn man es ganz genau braucht).

    Gruß
    Marcus

  9. #9
    Meister(in)
    Themenstarter

    Registriert seit
    14.08.2003
    Beiträge
    412
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Wo muss ich dieses padding: 0 einfügen?

Ähnliche Themen

  1. Abstände im Firefox 2.0, 3.0 und IE 7
    Von Billbos im Forum HTML & CSS Forum
    Antworten: 12
    Letzter Beitrag: 28.06.2008, 00:31
  2. Abstände
    Von minder im Forum HTML & CSS Forum
    Antworten: 5
    Letzter Beitrag: 19.04.2008, 15:22
  3. Abstände
    Von Mr.Death im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 04.01.2006, 21:09
  4. Anker: immer zum oberen Fensterrand springen
    Von ComputerFee im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 27.08.2004, 17:48
  5. Abstände
    Von Hilfe!!!! im Forum HTML & CSS Forum
    Antworten: 4
    Letzter Beitrag: 24.04.2004, 16:50

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •