zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Box rutscht im Internet Explorer nach unten

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 12.09.2012, 22:46
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 12.09.2012
Beiträge: 2
lama123 befindet sich auf einem aufstrebenden Ast
Cool Box rutscht im Internet Explorer nach unten

Im Firefox und Chrome funktionierts prima, aber der gute Internet Explorer lässt die Boxen bzw. deren Inhalt in die Zeile darunter rutschen. Weiß jemand weiter?

CSS:

#boxlinks a
{
margin: 10px 11px 10px 0px;
height: auto;
background: #191919;
width: 222px;
height:500px;
float: left;
color: #fff;
font-size: 15px;
text-decoration: none;
padding: 0 0 10px 0;
-webkit-box-shadow: 0px 5px 5px -4px #333333;
box-shadow: 0px 5px 5px -4px #333333;
}

#boxmitte a
{
margin: 10px 10px 10px 10px;
height: auto;
background: #191919;
width: 222px;
height:500px;
float: left;
color: #fff;
font-size: 15px;
text-decoration: none;
padding: 0 0 10px 0;
-webkit-box-shadow: 0px 5px 5px -4px #333333;
box-shadow: 0px 5px 5px -4px #333333;
}


#boxrechts a
{
margin: 10px 0px 10px 11px;
height: auto;
background: #191919;
width: 222px;
height:500px;
float: left;
color: #fff;
font-size: 15px;
text-decoration: none;
padding: 0 0 10px 0;
-webkit-box-shadow: 0px 5px 5px -4px #333333;
box-shadow: 0px 5px 5px -4px #333333;
}
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 12.09.2012, 23:24
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.848
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

Quirksmode? Poste mal den kompletten HTML-Code, am besten einen Link auf das Problem.
__________________
Wer keinen Link auf seine problembehaftete Seite posten kann, weil diese noch nicht online ist: Testcase bauen, online stellen, Link posten.
Internet-Grundregel: Unbekannte Begriffe googeln! (Erspart 99% aller Nachfragen.)
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 12.09.2012, 23:33
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 12.09.2012
Beiträge: 2
lama123 befindet sich auf einem aufstrebenden Ast
Standard ist noch nicht online, aber hier der relevante html ausschnitt

<div id="wrapper">

<div id="boxlinks">
<a href="">
<img src=geschichte.png height=222px width=222px>
<h1>Text</h1>
<hr>
Text
<div id="button">Text</div>
</a></div>

<div id="boxmitte">
<a href="">
<img src=service.png height=222px width=222px>
<h1>Text</h1>
<hr>
Text

</h2>
<div id="button">Weiterlesen</div>
</a></div>

<div id="boxmitte">
<a href="">
<img src=service.png height=222px width=222px>
<h1>Text</h1>
<hr>
<h2></h2>
<div id="button">Text</div>
</a></div>

<div id="boxrechts">
<a href="">
<img src=groesse.png height=222px width=222px>
<h1>Text</h1>
<hr>
Text...
</h2>
<div id="button">Text</div>
</a>
</div>
</div>


Wrapper steht so in der CSS:

#wrapper
{
float: left;
width: 950px;
height: auto;
font-family: Times New Roman, Arial, Verdana;
padding: 15px 0 35px 0;
}
Mit Zitat antworten
  #4 (permalink)  
Alt 13.09.2012, 00:30
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.848
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

Du floatest nicht die Boxen, sondern erst ihre Links - das finde ich relativ abenteuerlich, auch wenn es praktisch sowie laut Spezifikation kein Problem ist.

Und über Quirksmode oder nicht wissen wir immer noch nix, da Dein HTML-Code unvollständig ist. Und bzgl. "noch nicht online" siehe meine Signatur. Ich habe Deine Code-Schnipsel übrigens nicht zusammengebastelt, denn zu oft zeigt der "relevante Code" das Problem nicht und die ganze Bastelei war umsonst.

Übrigens: Falls Du keinen HTML5-Doctype verwendest, ist Dein Code heftig invalide. Und auch in HTML5 bleiben noch genug Fehler übrig, daher validiere als erstes.

Unabhängig davon müssen nicht alle IE-Versionen damit klarkommen, dass a alle möglichen Blockelemente enthält (auch wenn in HTML5 erlaubt).
__________________
Wer keinen Link auf seine problembehaftete Seite posten kann, weil diese noch nicht online ist: Testcase bauen, online stellen, Link posten.
Internet-Grundregel: Unbekannte Begriffe googeln! (Erspart 99% aller Nachfragen.)

Geändert von heiko_rs (13.09.2012 um 00:36 Uhr)
Mit Zitat antworten
Antwort

Stichwörter
boxen, bug, css, internet explorer

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Problem mit sich erweiternder Box im Internet explorer!!!! etron (X)HTML 9 03.09.2011 12:50
box css und der internet explorer raul CSS 3 26.12.2007 23:29
layout zerschossen im internet explorer opentyper CSS 2 02.08.2007 13:57
#boxes a:hover.info: 2.posting mit css !!! marioN CSS 5 25.01.2004 18:04
#box a:hover .info: css-layout: ie6.0/win, moz.1ie5.0/mac, marioN CSS 2 19.01.2004 18:17


Alle Zeitangaben in WEZ +2. Es ist jetzt 15:13 Uhr.