Ergebnis 1 bis 4 von 4

Thema: Zelenabstand beim Internet Explorer größer als mit anderen Brwosern! :)

  1. #1
    HTML Newbie
    Registriert seit
    19.10.2014
    Ort
    A, A
    Beiträge
    2
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard Zelenabstand beim Internet Explorer größer als mit anderen Brwosern! :)

    Hallo,
    ich brauche dringend hilfe ich habe mit dem aktuellen Dreamwaver mir eine Website erstellt und die ganze Zeit mit Opera mir angeschaut, als ich dann als sie fertig war mit Internet Explorer angeguckt habe musste ich sehen das der Zeilenabstand zu groß ist und es unschön dargestellt wird.
    Ich habe die Website mir dann mit Firefox und Safari angeschaut war alles super und jetzt wird die Seite auch bei Opera falsch angezeigt.
    Wäre echt toll wenn mir jemand helfen kann.

    Hier der Html Code:
    Code:
    <!doctype html><html>
    <head>
        <meta charset="utf-8">
        <title>Fotostudio - Brillant</title>
        <link rel="stylesheet" type="text/css" href="file:///C:\Users\Max\Documents\Brillant\home.css">
    
    
    <!--The following script tag downloads a font from the Adobe Edge Web Fonts server for use within the web page. We recommend that you do not modify it.--><script>var __adobewebfontsappname__="dreamweaver"</script><script src="http://use.edgefonts.net/m-1c:n2,n3,n7:default;alex-brush:n4:default;allura:n4:default.js" type="text/javascript"></script>
    
    
    </head>
    <body>
    <div id="tile4" class="tile"></div>
    <div class="grid">
      <!-- Row 1 -->
      <div id="tile1" class="tile"> </div>
      <div id="tile2" class="tile"></div>
    <div id="tile3" class="tile">
      <h1 class="titel" id="header">Fotostudio Brillant</h1>
      <div></div>
      <div id="titellist">Fotografie aller Art</div>
      <div id="waldemar">by Waldemar Resner </div>
      <div>
        <p id="list" > &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;Biometrische Passfotos &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;Bewerbungsbilder &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;Hochzeitsfotos &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; Babyfotos &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; Teilakt &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;etc.</p>
        <div>
          <p id="telefonnr"> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; Alle Termine nach Vereinbarung unter &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;Zuhause: 0571 / 59729516 • Mobil: 0177 / 6521223</p>
        </div>
        <div id="time1">Öffnungszeiten</div>
        <div id="time2">Mo. bis Fr. &nbsp; 9:30 - 12:30 &amp; 14:00 - 18:00&nbsp;Uhr</div>
        <div id="time3">Sa. 10:30 - 12:30 &amp; 14:00 - 18:00 Uhr</div>
      </div>
    </div>
      <div id="tile5" class="tile"></div>
      <div id="tile4" class="tile"></div>
      <div id="tile6" class="tile">
    <!-- Row 2 -->
    </div>
    
    
      <div id="tile7" class="tile">
    
    
       <nav class="sidebar"> 
          <!-- This adds a sidebar with 1 searchbox,2 menusets, each with 4 links -->
          <div id="menubar">
            <div class="menu">
              <h1><strong> Navigation </strong></h1>
              <hr>
              <ul>
                <!-- List of links under menuset 1 -->
                <li><a href="home.html">Home</a></li>
                <li><a href="gallery.html">Gallery</a></li>
                <li><a href="pass.html">Passfoto</a></li>
                <li><a href="bewerbung.html">Bewerbungsbilder</a></li>
                <li class="notimp"><!-- notimp class is applied to remove this link from the tablet and phone views --><a href="prices.html">Preisliste</a></li>
                <li><a href="contact.html">Kontakt</a></li>
              </ul>
            </div>
          </div>
        </nav>
      <div id="tile8" class="tile"></div>
    </div>
    </body>
    </html>
    Und der CSS Code:
    Code:
    /********************Grid:
    - 1140 pixels wide
    - 20 pixels padding
    - 4 columns
    
    
    .grid{width:1140px; height:890px;}
    
    
    .x0{left: 20px;}
    .x1{left: 310px;}
    .x2{left: 600px;}
    .x3{left: 890px;}
    
    
    .y0{top: 20px;}
    .y1{top: 310px;}
    .y2{top: 600px;}
    .y3{top: 890px;}
    
    
    ********************/
    @charset "utf-8";
    /* Global Styles */
    a:hover {
        color: rgba(255,255,255,1.00);
    }
    body {
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        color: #FFFFFF;
        background-color: #1a1a1a;
    }
    .grid{
        width: 1140px;
        height: 890px;
        margin-left: auto;
        margin-right: auto;
        padding-left: 40px;
        position: relative;
        border-radius: 10px;
        background-color: #000000;
    }
    .tile {
        background-color: #2a2a2a;
        position:absolute;
        width: 270px;
        margin-left: auto;
        margin-right: auto;
    }
    /* Layout per tile */
    
    
    #tile1{
        top: 20px;
        left: 20px;
        width: 270px;
        height: 270px;
        background-image: url(file:///C|/Users/Max/Documents/Brillant/images/Bild1.jpg);
    }
    #tile2{
        top: 310px;
        left: 20px;
        width: 270px;
        height: 270px;
        background-image: url(file:///C|/Users/Max/Documents/Brillant/images/Bild2.png);
    }
    #tile3{
        top: 20px;
        left: 310px;
        width: 560px;
        height: 560px;
        font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
    }
    #tile4{
        top: 20px;
        left: 890px;
        width: 270px;
        height: 270px;
        background-image: url(file:///C|/Users/Max/Documents/Brillant/images/Bild3.png);
    }
    #tile5{
        top: 310px;
        left: 890px;
        width: 270px;
        height: 270px;
        background-image: url(file:///C|/Users/Max/Documents/Brillant/images/Bild4.png);
        margin-left: 0px;
    }
    #tile6{
        top: 600px;
        left: 20px;
        width: 560px;
        height: 270px;
        background-image: url(file:///C|/Users/Max/Documents/Brillant/images/Bild5.jpg);
        padding-left: 0px;
    }
    #tile7{
        top: 600px;
        left: 600px;
        width: 270px;
        height: 270px;
        font-family: allura;
        font-style: normal;
        font-weight: 400;
    }
    #tile8{
        top: 0px;
        left: 290px;
        width: 270px;
        height: 270px;
        background-image: url(file:///C|/Users/Max/Documents/Brillant/images/Bild6.png);
    }
    #header {
        color: #FFFFFF;
        margin-left: 22px;
        font-weight: 400;
        font-family: alex-brush;
        font-style: normal;
        font-size: 75px;
        width: 550px;
        margin-top: 14px;
    }
    /*Links in sidebar */
    .sidebar #menubar .menu ul li a {
        color: rgba(146,146,146,1.00);
        text-decoration: none;
        font-family: alex-brush;
        font-style: normal;
        font-weight: 400;
        font-size: x-large;
    }
    .sidebar #menubar .menu ul li a:hover {
        color: rgba(107,97,97,1.00);
        text-decoration: none;
        font-family: allura;
        font-style: normal;
        font-weight: 400;
        font-size: x-large;
    }
    /* Menu headings in sidebar */
    
    
    /*Links under menus in sidebar */
    #menubar .menu ul li a {
        font-size: 14px;
    }
    /*menu headings in sidebar */
    #menubar .menu h1 {
        display: inline;
        font-size: 49px;
        padding-right: 21%;
        padding-left: 35px;
        padding-top: 0px;
    }
    /* Unordered List of links */
    #menubar .menu ul {
        display: inline;
        margin-left: -40px;
    }
    /*list elements */
    #menubar .menu ul li {
        display: inline;
        font-size: medium;
        padding-left: 8%;
        padding-right: 50%;
        margin-left: 0px;
    }
    #list {
        font-size: 16pt;
        margin-left: 0px;
        margin-top: 4px;
        color: #929292;
    }
    #titellist {
        font-size: 27px;
        margin-left: 158px;
    }
    #time1 {
        margin-top: 28px;
        margin-right: 207px;
        margin-bottom: 207px;
        margin-left: 181px;
        font-family: alex-brush;
        font-style: normal;
        font-weight: 400;
        font-size: 38px;
    }
    #time2 {
        margin-top: -207px;
        margin-left: 100px;
    }
    #time3 {
        margin-left: 160px;
    }
    #telefonnr {
        margin-left: 9px;
        color: #929292;
    }
    #waldemar {
        font-family: alex-brush;
        font-style: normal;
        font-weight: 400;
        margin-left: 290px;
        font-size: 20px;
        margin-top: -6px;
    }
    Danke im Voraus
    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
    Bandit
    Gast

    Standard AW: Zelenabstand beim Internet Explorer größer als mit anderen Brwosern! :)

    Bitte Link zur Seite posten

  3. #3
    HTML Newbie
    Themenstarter

    Registriert seit
    19.10.2014
    Ort
    A, A
    Beiträge
    2
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Zelenabstand beim Internet Explorer größer als mit anderen Brwosern! :)

    Die Website ist leider noch nicht online .

  4. #4
    Großmeister(in)
    Registriert seit
    04.08.2009
    Beiträge
    567
    Danke
    0
    Bekam 66 mal "Danke" in 64 Postings

    Standard AW: Zelenabstand beim Internet Explorer größer als mit anderen Brwosern! :)

    Hallo

    Die Website ist leider noch nicht online .
    Ja und? Wofür gibt es Freeware-Provider? Zum Beispiel bplaced.net:

    http://foreninfo.bplaced.net/seiten_...and_im_ie.html

    Das Problem ist, das du die Abstände mit geschützten Leerzeichen erstellt hast. Das mag bei Textverarbeitungen funktionieren, im Internet nicht, da die Browser über die Größe solcher Leerzeichen selbst entscheiden müssen.

    Allein wenn der Zoom-Faktor geändert wird ändert sich die Darstellung, daher wohl auch die geänderte Ansicht im gleichen Browser bei dir.

    Heißt für dich: Grundlagen lernen und die Seite komplett neu aufbauen. Eine Korrektur ist leider nicht möglich.

    Gruss

    MrMurphy

Ähnliche Themen

  1. Probleme mit ( position: fixed) beim Internet Explorer
    Von Bernado im Forum HTML & CSS Forum
    Antworten: 10
    Letzter Beitrag: 27.04.2011, 18:54
  2. Probeme beim Anzeigen im Internet Explorer
    Von OliverN26 im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 29.11.2007, 20:51
  3. Startseite beim Internet Explorer blockiert Internetzugang
    Von im Forum Computer - Internet Forum
    Antworten: 6
    Letzter Beitrag: 10.07.2006, 14:06
  4. Schriftgrad verändern beim Internet Explorer verhindern
    Von Patrick Weinberg im Forum HTML & CSS Forum
    Antworten: 4
    Letzter Beitrag: 10.02.2006, 17:39
  5. pixel ein einem prog größer als im anderen
    Von wernerdeluxe im Forum Forum für Grafiken und Bildbearbeitung
    Antworten: 3
    Letzter Beitrag: 03.01.2006, 15:11

Stichworte

Berechtigungen

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