+ Antworten
Seite 1 von 2 1 2 LetzteLetzte
Ergebnis 1 bis 10 von 11

Thema: IE macht ungewolltes Padding im Div

  1. #1
    Neu an Board
    Registriert seit
    25.05.2005
    Beiträge
    82
    Bedankte sich
    12
    1 Danksagung in 1 Beitrag

    Standard IE macht ungewolltes Padding im Div

    Ich habe für jeden Content eine Art Visitenkarte im Introtext die in den Blogs
    schön nebeneinander kacheln.

    Diese Kärtchen sind komplett über Divs per CSS gelöst.
    Aussen ein Div mit grauem 1 Pixel Rand, darin mit Abstand ein Div mit mosimage
    Thumbnail, ebenfalls mit grauem 1px Rand und darunter ein Div mit Text.
    Die Kärtchen werden von einem Link auf den eigene Content umschlossen.

    <a href="Link zum eigenen Content>
    <div>
    <div>
    {mosimage}-Thumbnail
    </div>
    <div>
    Content Name
    Category Name
    Create Date
    <div>
    </div>
    </a>

    A
    Im Firefox funktioniert das auch hervorragend.
    Das mosimage Thumbnail bläst mir den inneren Div mit dem grauen Rand auf die
    Bildgrösse auf - perfekt.
    Nur der IE macht immer einen ca. 2px grossen Padding unter dem mosimage !
    Dies macht der IE generell sobald ein Bild "verlinkt" ist, ansonsten sieht es normal
    aus.
    (Da die gesamte Karte verlinkt ist ist das mosimage eben auch mit-verlinkt,
    komischerweise funktioniert der Link im IE nur überall auf der Karte aber nicht
    auf dem Bild)

    Gibt es irgendeine Möglichkeit diese 2px abzustellen ?
    Alle expliziten 0px Anweisungen wurden ignoriert und ich kann die DIV Grösse nicht
    absolut angeben da der Rahmen sonst ggfs. nicht ums Bild herum reicht.
    Geändert von RaumPartikel (17.06.2006 um 21:18 Uhr)

  2. #2
    Kommt häufiger vorbei Avatar von LeXuS
    Registriert seit
    26.06.2005
    Ort
    nähe Berlin
    Alter
    29
    Beiträge
    486
    Bedankte sich
    41
    Erhielt 97 Danksagungen
    in 72 Beiträgen

    Standard

    huhu RaumPartikel,

    der IE hat einen Bug, sobald ein Bild verlinkt wird macht er den abstand
    du musst in der css klasse was abändern für den IE, weiss aber nimma wa sgenau, goggle mal nach ie bugs

    Gruss LeXuS
    Geändert von LeXuS (12.06.2006 um 19:04 Uhr)

  3. #3
    Neu an Board
    Registriert seit
    25.05.2005
    Beiträge
    82
    Bedankte sich
    12
    1 Danksagung in 1 Beitrag

    Standard

    Des geht ja fix ....

    Welchen image tag meinst Du ?
    Im ausgegebenen Quelltext ist es nicht angegeben.

    Kann ich es im CSS für den umgebenden Div eingeben
    oder meinst du den mosimage Automat ?

  4. #4
    Neu an Board
    Registriert seit
    25.05.2005
    Beiträge
    82
    Bedankte sich
    12
    1 Danksagung in 1 Beitrag

    Standard

    Oooops zu schnell ....

    Als code kommt :

    <img src="http://www.xxx.xx/.../TN_XXX.JPG"
    ... border="0" height="58" hspace="0" width="100">

    Wie gesagt, diese 2px
    (können auch mal mehr sein , eher prozentual)
    kommen nur wenn ein Bild verlinkt wurde, ansonsten passts ...

    EDIT :
    Der Abstand kommt immer vor - nicht nur wenn das Bild Verlinkt ist.
    Geändert von RaumPartikel (18.06.2006 um 01:46 Uhr)

  5. #5
    Kommt häufiger vorbei Avatar von LeXuS
    Registriert seit
    26.06.2005
    Ort
    nähe Berlin
    Alter
    29
    Beiträge
    486
    Bedankte sich
    41
    Erhielt 97 Danksagungen
    in 72 Beiträgen

    Standard

    Zitat Zitat von RaumPartikel
    Oooops zu schnell ....

    Als code kommt :

    <img src="http://www.xxx.xx/.../TN_XXX.JPG"
    ... border="0" height="58" hspace="0" width="100">

    Wie gesagt, diese 2px
    (können auch mal mehr sein , eher prozentual)
    kommen nur wenn ein Bild verlinkt wurde, ansonsten passts ...

    wenn du ein bild übern editor einfügst und keinen abstand möchtest musst du bei hspace(horizontaler abstand) und bei vspace(vertikaler sbstand) 0 eintragen
    bei den meisten editoren steht als standart 2 oder 5 schon drin (also mit abstand)
    oder versuch es direkt im quelltext:
    Code:
    <img src="###" border="0" hspace="0" vspace="0">
    wenn das nicht hilft, suche mal nach dem IE Bug
    ich glaube es betraf das "display:block;" attribute (weiss aber nimma genau, lieber googlen oder selbst ausprobieren in der css)
    würde selbst danach suchen aber bin gerad zeitlich etwas in der enge

    Gruss LeXuS

  6. Erhielt Danksagungen von:


  7. #6
    Neu an Board
    Registriert seit
    25.05.2005
    Beiträge
    82
    Bedankte sich
    12
    1 Danksagung in 1 Beitrag

    Standard

    Ja, ich denke es ist eher ein IE Bug.
    Scheint man nicht durch absolute Vorgaben eindämmen zu können.

    Vielleicht der Grund dafür warum im ähnliche "Polaroid" Layout
    in der Gallery2 die Rahmen so aufwändig mit Hintergrundbildschnipseln
    zugepflastert sind.
    Leider hier keine Lösung da die Thumbnails unterschiedliche Seitenverhältnisse
    haben und ich nicht immer für jedes Bildchen einzeln Angaben machen kann
    sondern den Mosimage Automat brauche.

    Die eigentlichen grossen Mosimages im richtigen Content mit Caption verhaut der
    IE übrigens komplett. Da kann man nicht nmal mehr die Caption lesen und der
    Content-Container wird gesprengt.

  8. #7
    user68
    Gast

    Standard

    hi, füge in der css folgendes ein und es sollte klappen:
    Code:
    img { display: block; }

  9. #8
    Neu an Board
    Registriert seit
    25.05.2005
    Beiträge
    82
    Bedankte sich
    12
    1 Danksagung in 1 Beitrag

    Standard

    Wie bekomme ich den das "block" in den mosimage tag rein ?

    Wenn ich das "block" nur dem Rahmen Div gebe ändert sich nix.
    Auch wenn ich den mosimage CSS den block gebe geht nix.
    Habe allerdings das Gefühl dass der mosimage irgendwie generell
    vergisst die mosimage klasse zu vergeben.
    (Ich seh sie höchstens bei der caption)
    Joomla! 1.0.7 Stable [ Sunburst ] 15-Jan-2006 20:00 UTC

  10. #9
    Neu an Board
    Registriert seit
    25.05.2005
    Beiträge
    82
    Bedankte sich
    12
    1 Danksagung in 1 Beitrag

    Standard

    Zitat Zitat von spook.68
    hi, füge in der css folgendes ein und es sollte klappen:
    Code:
    img { display: block; }
    Geht leider nicht .....

    Aber :

    align="absbottom"

    EDIT :
    Oder jede andere "align" Zuweisung !

    im Image Tag scheint zu funktionieren.
    Jetzt frag ich mich nur noch wie ich den {mosimage} dazu bekomme das
    einzubauen .....
    Geändert von RaumPartikel (18.06.2006 um 00:42 Uhr)
    Joomla! 1.0.7 Stable [ Sunburst ] 15-Jan-2006 20:00 UTC

  11. #10
    Neu an Board
    Registriert seit
    25.05.2005
    Beiträge
    82
    Bedankte sich
    12
    1 Danksagung in 1 Beitrag

    Standard

    Ok - im Mambot
    mambots/content/mosimage.php

    Zeile 104 :
    // $attrib[1] alignment
    if ( !isset($attrib[1]) || !$attrib[1] ) {
    $attrib[1] = ' ';
    }
    z.B in
    // $attrib[1] alignment
    if ( !isset($attrib[1]) || !$attrib[1] ) {
    $attrib[1] = 'left';
    }
    ändern.

    Mei - jetzt schaut's so gut aus
    Geändert von RaumPartikel (17.06.2006 um 22:37 Uhr)
    Joomla! 1.0.7 Stable [ Sunburst ] 15-Jan-2006 20:00 UTC

+ Antworten
Seite 1 von 2 1 2 LetzteLetzte

Ähnliche Themen

  1. Template Hilfe
    Von Jascha im Forum Joomla Templates
    Antworten: 1
    Letzter Beitrag: 03.07.2006, 13:58
  2. Breitere Frontpage
    Von adrenaliniv im Forum Joomla Anfänger
    Antworten: 11
    Letzter Beitrag: 10.04.2006, 13:48
  3. Navigation: Link-Fläche ist größer als der Button
    Von DaKaTotal im Forum Gelöste Themen - Joomla Templates
    Antworten: 8
    Letzter Beitrag: 29.03.2006, 13:09
  4. Template umgestalten
    Von Schendz im Forum Joomla Templates
    Antworten: 22
    Letzter Beitrag: 22.12.2005, 18:30
  5. Tabelle in Content - ich werde wahnsinnig
    Von wdb im Forum Allgemeine Fragen zu Joomla
    Antworten: 6
    Letzter Beitrag: 05.12.2005, 20:08

Lesezeichen

Berechtigungen

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