Ergebnis 1 bis 4 von 4

Thema: probleme mit der darstellung im ie6.0

  1. #1
    desperate_andy
    Gast

    Standard probleme mit der darstellung im ie6.0

    hallo leute,

    bin zwar kein anfänger, was html angeht, aber ich steh wirklich auf dem schlauch!

    hab hier den code-schnipsel (wird eine art bildergallerie), der eigentlich im linken bereich 5 bilder untereinander anzeigen sollte, getrennt von jeweils einem "blank.gif" mit einer höhe von 1px und rechts dann das entsprechende grosse bild! das ganze funktioniert auch wunderbar in allen browsern, ausser natürlich im internetexplorer!

    dieser liefert mir dicke abstände zwischen den einzelnen bildern im linken bereich und ich weiss wirklich nicht, was ich noch ausprobieren soll...
    ich würde mich daher wirklich über jede hilfe sehr freuen, vielen dank schonmal!

    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http&#58;//www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <title>Untitled Document</title>
    </head>
    
    <body style="margin&#58;0px;">
    <div style="left&#58;11%; background-color&#58;#FFFFFF; width&#58;719px; height&#58;400px; position&#58;relative; border&#58; solid 0px red; clear&#58;both; float&#58;left; overflow&#58;hidden;">
    				
    					<span style="float&#58;left; position&#58;relative; margin-left&#58;1px; background-color&#58;#FFFFFF; height&#58;400px; width&#58;80px; border&#58;solid 0px black; background-color&#58;#0066CC">
    						[img]img/projectspace.gif[/img]
    							[img]img/blank.gif[/img]
    						[img]img/projectspace.gif[/img]
    							[img]img/blank.gif[/img]
    						[img]img/projectspace.gif[/img]
    							[img]img/blank.gif[/img]
    						[img]img/projectspace.gif[/img]
    							[img]img/blank.gif[/img]
    						[img]img/projectspace.gif[/img]
    					</span>
    	
    	
    	
    					<div style="width&#58;637px; border&#58;solid 0px green; height&#58;400px; float&#58;left; margin-right&#58;1px; background-color&#58; #dcdcdc;">	
    						
    						<div style="background-color&#58; #FFFFFF; width&#58;637px; height&#58;400px; position&#58;relative; border&#58; solid 0px red; text-align&#58;center;">
    							[img]img/1.jpg[/img]
    						</div>
    						
    					</div>
    	
    					
    				</div>
    
    </body>
    </html>
    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
    HTML Newbie
    Registriert seit
    06.11.2006
    Beiträge
    6
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Hallo desperate_andy,

    versuch mal anstelle der blank.gif's ein
    mit Line-height zu nutzen.
    Mit den Prozenten kann man dann die Feinabstimmung vornehmen.

    Code:
      <br style="line-height&#58;5%" >
    Gruß, Jules

  3. #3
    Forum Guru
    Registriert seit
    14.06.2004
    Ort
    Schleswig-Holstein
    Beiträge
    5.439
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Moin!

    Zitat Zitat von Jules
    Hallo desperate_andy,

    versuch mal anstelle der blank.gif's ein
    mit Line-height zu nutzen.
    Mit den Prozenten kann man dann die Feinabstimmung vornehmen.

    Code:
      <br style="line-height&#58;5%" >
    Gruß, Jules
    Ich stimme dir zu, daß die Blank-Gifs eine schlechte Lösung sind, line-height ist aber auch nicht dafür gedacht. Wenn, dann müßte das Line-height auch auf die Bildhöhe +1 Pixel gesetzt werden, also "line-height:80px" statt einer prozentualen Angabe (die richtet sich nämlich nach der Bildschirmauflösung).

    Besser Lösung: Stylesheets vernünftig eingesetzt, hier "margin i.V.m. display:block":
    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http&#58;//www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <style type="text/css">
    <!--
    .navi &#123;width&#58;79px; height&#58;79px; border&#58;0; margin&#58;1px 0px 0px;display&#58;block;&#125;
    -->
    </style>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <title>Untitled Document</title>
    </head>
    
    <body style="margin&#58;0px;">
    <div style="left&#58;11%; background-color&#58;#FFFFFF; width&#58;719px; height&#58;400px; position&#58;relative; border&#58; solid 0px red; clear&#58;both; float&#58;left; overflow&#58;hidden;">
    
     <span style="float&#58;left; position&#58;relative; margin-left&#58;1px; background-color&#58;#FFFFFF; height&#58;400px; width&#58;80px; border&#58;solid 0px black; background-color&#58;#0066CC;vertical-align&#58; top;">
      [img]img/projectspace.gif[/img]
      [img]img/projectspace.gif[/img]
      [img]img/projectspace.gif[/img]
      [img]img/projectspace.gif[/img]
      [img]img/projectspace.gif[/img]
     </span>
     
    
     
     <div style="width&#58;637px; border&#58;solid 0px green; height&#58;400px; float&#58;left; margin-right&#58;1px; background-color&#58; #dcdcdc;">
      <div style="background-color&#58; #FFFFFF; width&#58;637px; height&#58;400px; position&#58;relative; border&#58; solid 0px red; text-align&#58;center;">
       [img]img/1.jpg[/img]
      </div>
     </div>
    
    </div>
    </body>
    </html>
    G.a.d.M.

    Ronald

  4. #4
    Gast

    Standard

    hallo leute,

    vielen dank erstmal für die antworten. leider verfehlt das gnaze bei mir den gewünschten erfolg. die grauen blöcke rutschen zwar näher zusammen, der abstand ist allerdings immernoch zu groß! hat sonst noch jemand ne idee?

    vielen dank!

Ähnliche Themen

  1. Antworten: 3
    Letzter Beitrag: 24.04.2007, 16:21
  2. Probleme bei der Darstellung meiner Homepage (Kacheln) !
    Von Yukonwide im Forum HTML & CSS Forum
    Antworten: 5
    Letzter Beitrag: 05.03.2006, 19:16
  3. Probleme bei der Darstellung meiner Webseite
    Von ollie im Forum HTML & CSS Forum
    Antworten: 8
    Letzter Beitrag: 08.07.2005, 16:50
  4. Probleme bei der Darstellung in Firefox (div-tag und css)
    Von Peter im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 06.03.2005, 13:35
  5. Probleme mit der Darstellung im Firefox
    Von speichi im Forum HTML & CSS Forum
    Antworten: 5
    Letzter Beitrag: 19.02.2005, 16:40

Stichworte

Berechtigungen

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