tutorials.de Buch-Aktion 05/2012
ERLEDIGT
NEIN
ANTWORTEN
2
ZUGRIFFE
775
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
AUF DIESES THEMA
ANTWORTEN
  1. 17.03.11 10:25 #1
    Fiberman Fiberman ist offline Mitglied Bronze
    Registriert seit
    Feb 2004
    Beiträge
    38
    Hallo zusammen,

    nachdem ich meine Webseite auf dem Ipad angesehen habe, musste ich feststellen, dass dort zwischen den gefloateten containern eine kleine Linie zu sehen ist. Das Phänomen habe ich nur auf dem ipad (Firefox,IE,Safari sind ob MAC oder PC sind o.k.).

    Vielleicht kennt jemand von euch das Problem und kann mir helfen die Linien zu entfernen!


    vielen Dank
    Gruß Fiberman

    HTML-Code:
      <div id="content" class="clear">
    <div id="randlinks"></div>
    <div id="left"></div>
    <div id="main"></div>
    <div id="right"></div>
    <div id="randrechts"></div>
  </div>
    HTML-Code:
    div#content {
   width: 60.938em;
   min-height: 30.5em;
}

div#randlinks {
  float: left;
  background-color:#000000;
  width: 0.5em;
  min-height: 30.5em;
}

div#left {
  float: left;
  background-color:#000000;
  width: 12.688em;
  min-height: 30.5em;
}

div#main {
  float: left;
  background-color:#000000;
  width: 29.563em;
  padding: 1em 1em 1em 4em;
  min-height: 28.5em;
}

div#right {
  float: left;
  background-color:#000000;
  width: 12.688em;
  min-height: 30.5em;
}

div#randrechts {
  float: left;
  background-color:#efefbb;
  width: 0.5em;
  min-height: 30.5em;
}
.clear {
  display: block;
  clear: both;
  height: 0;
}
     
    Zitieren Zitieren
  2. 26.03.11 23:25 #2
    SmokingGecko SmokingGecko ist offline Grünschnabel
    Registriert seit
    Mar 2011
    Beiträge
    2
    Gleiches Problem hatte ich auch. Versuch mal die Breite auf exakt 980px festzulegen, hat bei mir funktioniert.

    Hier ein kurzer Anriss vom Aufbau der Seite:

    HTML-Code:
    <body>
<div id="main">
  <div id="header">Header</div>
   <div id="content">Content</div>
</div>
    #main {width:980px; margin: 0 auto;}

    Erklären kann ich es mir nicht wirklich. Würde mich interessieren, ob es bei dir auch geklappt hat und ob jemand eine Erklärung dafür weiß.

    Viel Spaß beim Ausprobieren.
     
    Zitieren Zitieren
  3. 26.03.11 23:31 #3
    SmokingGecko SmokingGecko ist offline Grünschnabel
    Registriert seit
    Mar 2011
    Beiträge
    2
    Hab gerade noch einen interessanten Beitrag hierzu gefunden:http://anders.zakrisson.se/projects/...-web-app-ipad/
     
    Zitieren Zitieren
« Problem bei CSS Joomla Template ja_Purity | Problem mit Opera und Overflow:visible »

Ähnliche Themen

  1. Ungewollter Abstand zwischen DIV Containern
    Von peter555 im Forum CSS
    Antworten: 1
    Letzter Beitrag: 16.02.11, 06:22
  2. Vertikaler Abstand zwischen div-Containern entfernen
    Von chriss_2oo4 im Forum CSS
    Antworten: 3
    Letzter Beitrag: 31.10.09, 19:16
  3. Trennlinie zwischen zwei Containern - Fehler im Firefox
    Von fish-guts im Forum CSS
    Antworten: 2
    Letzter Beitrag: 07.02.08, 15:52
  4. Trennlinie zwischen zwei Containern - Fehler im Firefox
    Von fish-guts im Forum HTML & XHTML
    Antworten: 1
    Letzter Beitrag: 07.02.08, 15:42
  5. Problem beim Designen mit div-Containern
    Von Gayson im Forum CSS
    Antworten: 2
    Letzter Beitrag: 09.03.05, 00:17