Ergebnis 1 bis 4 von 4

Thema: Unterschiedliche Abstände zwischen FIREFOX UND IE 7

  1. #1
    Meister(in)
    Registriert seit
    27.06.2008
    Ort
    Frankfurt am Main
    Alter
    27
    Beiträge
    485
    Danke
    3
    Bekam 0 mal "Danke" in 0 Postings

    Standard Unterschiedliche Abstände zwischen FIREFOX UND IE 7

    Hallo,

    ich habe folgendes Problem, ich habe eine Box in der ich eine Überschrift habe H1 und darunter eine ul - list, die Überschrift hat im Firefox oben einen großen Abstand vom Boxenrand und die Liste ist zu weit in der Mitte in beiden Explorern.
    Ich möchte, dass die Überschrift knapp am oberen Boxenrand grenzt und die List an nähr an die linke Seite der Box anrückt!

    FIREFOX



    INTERNET EXPLORER 7



    Wie gehe ich an das Problem ran?

    Hier sind meine Stylesheets!

    Danke

    DIE BOXENMODELLE

    Code:
    @charset "utf-8";
    /* CSS DEFAULT_index */
    
    * html {
      margin: 0;
      padding: 0;
      }
    
    /* Header */
    
    #header {
        background: #003366 url(../flash/index_header/header_1.swf) no-repeat top;
    	margin: 0 auto;
    	}
    	
    /* Bildercontainer */
    
    #piccontainer {
        width: 770px;
    	height: 270px;
    	background: #FFF;
    	margin: 0 auto;
    	border: 1px thin #000;
    	}
    	
    
    /* Angebote */
    
    #bildbox {
         background: #FFF;
    	 float: left;
    	 width: 150px;
    	 height: 255px;
    	 border: 1px solid #000;
         margin: 5px 5px 5px 0;
    	 padding: 5px;
    	 }
    	 
    #boxinside {
          background: #000;
    	  width: 140px;
    	  height: 100px;
    	  border: none;
    	  margin: 0px auto;
    	  }
    	  
    #zusatzangebot {
          width: 255px;
    	  float: left;
    	  height: 255px;
    	  border: 1px dotted #000;
    	  margin: 5px 0px 5px 0;
    	  padding: 5px;
    	  }
    	  
    /* Zusatzangebot Liste */
    
    #zlist ul {
          list-style-type: none;
    	  margin: 0 auto;
    	  }
    	  
    #zlist li {
          list-style-image: url(../img/index/arrow-right.gif);
    	  padding: 3px;
    	  }

    DIE SCHRIFTEN

    Code:
    @charset "utf-8";
    /* CSS FONT_index */
    
    /* Headings */
    
    h1.angebote {
       color: #FFF;
       text-align: center;
       }
       
    h1 {
       color: #FFF;
       text-align: center;
       padding: 5px;
       }
       
    .zusatzangebot {
       color: #000;
       font: Arial, Helvetica, sans-serif;
       font-size: 18px;
       text-align: center;
       padding: 5px;
       }
       
    /* Paragraphen */
    
    .zangebot {
       text-align: left;
       color: #0000FF;
       font-weight: bold;
       }
    DIE INDEXPAGE
    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http&#58;//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http&#58;//www.w3.org/1999/xhtml">
    <head>
    
    <link rel="shortcut icon" type="image" href="favicon.ico" />
    
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Billbos | Home</title>
    
    <link rel="stylesheet" type="text/css" href="css/LAYOUT.css" />
    <link rel="stylesheet" type="text/css" href="css/FONT_index.css" />
    <link rel="stylesheet" type="text/css" href="css/NAVIGATION.css" />
    <link rel="stylesheet" type="text/css" href="css/default_index.css" />
    
    <script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
    </head>
    
    <body background="img/background.gif">
    
    <div id="container">
     
     <div id="header">
       <script type="text/javascript">
    AC_FL_RunContent&#40; 'codebase','http&#58;//download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','800','height','125','src','flash_/index_header/header_1','quality','high','pluginspage','http&#58;//www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','flash_/index_header/header_1' &#41;; //end AC code
    </script><noscript><object classid="clsid&#58;D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http&#58;//download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="800" height="125">
         <param name="movie" value="flash_/index_header/header_1.swf" />
         <param name="quality" value="high" />
         <embed src="flash_/index_header/header_1.swf" quality="high" pluginspage="http&#58;//www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="800" height="125"></embed>
       </object></noscript>
     </div>
     
    
    
    <div id="navigation">
     <ul>[*]Home[*]Billbos[*]Angebote[*]HTML / CSS[*]Flash[*]Bilder[*]Kontakt[*]Impressum[/list]
    </div>
    
    
    
    
      
      <div id="boxcontainer">
    
    
    <div id="piccontainer">
    
     <div id="bildbox">
      <div id="boxinside">
      </div>
     </div>
     
    <div id="bildbox">
     <div id="boxinside">
     </div>
    </div>
    
    <div id="bildbox">
     <div id="boxinside">
     </div>
    </div>
    
    
    <div id="zusatzangebot">
     <h1><span class="zusatzangebot">Homepage nach Wunsch?</span></h1>
      <ul id="zlist">[*]<span class="zangebot">Sein Sie beim Desginen dabei</span>[*]<span class="zangebot">Eigene Grafiken verwenden</span>[*]<span class="zangebot">Server Einrichtung</span>[*]<span class="zangebot">Lernen Sie mit designen</span>[*]<span class="zangebot">Homepage Update</span>[/list]
    </div>
    
    
    </div>
    
          
         </div>
         
    
    
    
    </div>
    
    
    
    <div id="navibottom">
     <ul>[*]Top[*]Home[*]Forum[*]Kontakt[*]Impressum[/list]
    </div>
    
    
    
    
    </body>
    </html>
    [/code]
    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
    Samurai Avatar von pinales
    Registriert seit
    12.12.2007
    Ort
    Mittelfranken
    Beiträge
    218
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Tach!

    Erstmal die Abstände für die Überschriften und Listen festziehen? (FF zeigt andere Standardabstände als IE)

    Code:
    h1 &#123; 
    color&#58; #FFF; 
    text-align&#58; center; 
    padding&#58; 5px; /*???*/
    margin&#58; 0 0 10px 0;
    &#125;

    Code:
    #zlist ul &#123; 
    list-style-type&#58; none; 
    margin&#58; 0; /*wieso hier links/rechts "auto"?*/
    &#125;
         
    #zlist li &#123; 
    list-style-image&#58; url&#40;../img/index/arrow-right.gif&#41;; 
    padding&#58; 3px;
    margin&#58; 0;
    &#125;
    Viele Grüße!
    PINALES

    Rechtschreibung für alle!

  3. #3
    Meister(in)
    Themenstarter

    Registriert seit
    27.06.2008
    Ort
    Frankfurt am Main
    Alter
    27
    Beiträge
    485
    Danke
    3
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Soweit hat es geklappt dankeschön.
    Jetzt habe ich noch eine Frage, das list-style-image hat im Firefox mehr Abstand als im Internetexplorer zur der Liste. Wie kann ich das Problem beheben?
    Ich möchte einen gleichgroßen Abstand haben!

    Mit freundlichen Grüßen

    Billbos

  4. #4
    Samurai Avatar von pinales
    Registriert seit
    12.12.2007
    Ort
    Mittelfranken
    Beiträge
    218
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Tach!

    Jep, ist mir schon aufgefallen, ich hab´ aber leider keine Idee, wie der Abstand zu beeinflussen oder festzuziehen wäre...
    Viele Grüße!
    PINALES

    Rechtschreibung für alle!

Ä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 zwischen Navigationsmenü-Einträgen 2. Ebene
    Von anselmoso im Forum Zope & Plone - das deutsche Hilfeforum
    Antworten: 6
    Letzter Beitrag: 20.01.2008, 11:38
  3. Abstände zwischen den Zeilen
    Von Andreas84 im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 06.10.2006, 22:09
  4. Abstände zwischen Text und Bildern
    Von im Forum HTML & CSS Forum
    Antworten: 9
    Letzter Beitrag: 18.06.2005, 23:10
  5. Antworten: 2
    Letzter Beitrag: 07.04.2004, 16:30

Stichworte

Berechtigungen

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