zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden CSS für IE < 9

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 12.02.2013, 21:37
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 31.10.2010
Beiträge: 25
JediMind91 befindet sich auf einem aufstrebenden Ast
Standard CSS für IE < 9

Hallo

Wie ihr aus dem Titel lesen könnte sieht meine Website ziemlich übel aus.

Ist noch nicht ganz fertig. Im Chrome und Mozilla sieht alles top aus.

Aber eben, IE 9 ist ok alles andere nicht obwohls gemäss w3c valide ist.

Hier der Code mal direkt:

HTML-Code:
* {
    margin: 0;
    padding: 0;
}
body 
{
  background-color:#E8F8FF;
  background-image:url('bg.png');
  background-repeat:repeat-x;
  margin:20px 20px 20px 20px;
}
div.base 
{
  border:3px solid white;
  width:1024px;
  height:1000px;
  margin:0px auto;
  background-color:#FFFFFF;
}
div.top 
{
  margin:0px auto;
  margin-top:25px;
  width:704px;
  height:110px;
  text-align:left;
 
}
div.Logo 
{
  margin-top:-80px;
  margin-left:-140px;
}
div.main 
{
  border:1px solid white;
  margin:0px auto;
  margin-top:30px;
  width:706px;
  height:800px;
  text-align:left;
  overflow:auto;
}
div.new
{
  margin:0px auto;
  margin-top:-700px;
  width:35em; 
  width:706px;
  height:300px;
  overflow:auto;
}

div.Navileft 
{
  margin-left:10px;
  margin-top:-423px;
  height:600px;
  width:140px;
  background-image:url('left.png');
  background-repeat:no-repeat;
  
}
div.Naviright 
{
  margin-left:860px;
  margin-top:21px;
  width:35em; 
  width:150px;
  height:700px;
  overflow:auto;
  background-image:url('right.png');
  background-repeat:no-repeat;
 
}
div.dia
{
  margin-left:887px;
  margin-top:-815px;
  width:35em; 
  width:110px;
  height:110px;
}
div.pay
{
  margin-left:10px;
  margin-top:18px;
  width:35em; 
  width:140px;
  height:180px;
}
div.actions
{
  margin-left:250px;
  margin-top:-300px;
  padding-top:30px;
  width:35em; 
  width:506px;
  height:150px;
  overflow:auto;
  text-align:center;
  background-image:url('aktionen.png');
  background-repeat:repeat-x;
}
div.actionsers
{
  margin-left:250px;
  margin-top:-300px;
  padding-top:30px;
  width:35em; 
  width:506px;
  height:150px;
  overflow:auto;
  text-align:center;
}
.links
{

  Font-size:15px;
  padding-left:3px;
  padding-top:25px;
  color:Blue;
}
.promote
{
  text-align:right;
  margin-top:-100px;
}
.standard
{
  padding:25px;
}
.tableall
{
  margin-left:15px;
  color:black;

}
.tablemid
{
  margin-left:15px;
  margin-top:5px;
  color:black;
  
}
.tablered
{
  margin-left:15px;
  color:red;
 
}
.banner
{

  margin-top:-10px;
  color:black;
  text-align:center;
  font-size:2.8em;
}
.krb
{
 
  color: #CC0000;
  text-align:center;
  font-size:2.8em;
}
.detailT
{

  color: #000000;
  text-align:justify;
  font-size:16px;
}
.detail
{

  color: #000000;
  text-align:justify;
  font-size:14px;
  padding-right:20px;
  padding-left:110px;
}
.titlelinks
{

  color: #000000;
  text-align:justify;
  font-size:14px;
  padding-right:10px;
}
a.top:link {

   color:            #000066;
   text-decoration: underline;
}
a.top:visited {
   color:            #000066;
   text-decoration: underline;
}
a.top:hover {
   background-color: #E8F8FF;
   color:            #FFCC66;
    text-decoration: underline;
}
a.top:active {
   background-color: #CCCCFF;
   color:            #CC0000;
   text-decoration: none;
}
a.down:link
{
text-decoration: none;

color:#0033cc;
}
a.down:visited
{
text-decoration: none;

color:#0033cc;
}
a.down:hover
{
text-decoration: none;

color:red;
}
a.down:active
{
text-decoration: none;

color:#0033cc;
}
a.none:link
{
text-decoration: none;

color:#0033cc;
}
a.none:visited
{
text-decoration: none;

color:#0033cc;
}
a.none:hover
{
text-decoration: none;

color:red;
}
a.none:active
{
text-decoration: none;

color:#0033cc;
}
Vorallem die margin:0px auto; scheinen nicht zu greifen.

Weiss jemand wie ich das mehr oder weniger hinkriege?

Danke

mfg

Geändert von hemfrie (04.03.2013 um 12:57 Uhr)
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 12.02.2013, 22:01
Benutzerbild von emti
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 03.06.2008
Ort: 23816 Groß Niendorf
Beiträge: 700
emti sorgt für eine eindrucksvolle Atmosphäreemti sorgt für eine eindrucksvolle Atmosphäre
Standard

Aus dem Titel lese ich nicht herraus, das die Seite übel aussieht, aber ich kann Dir sagen, dass die Seite auch in Firefox und Safari übel aussieht.

Und was ist jetzt genau Dein Problem?
Beschreibe bitte konkret Dein Problem, dann kann man Dir "mehr oder weniger" auch helfen.
__________________
Gruß Michael
SketchAtomTransmit
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 12.02.2013, 22:03
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 31.10.2010
Beiträge: 25
JediMind91 befindet sich auf einem aufstrebenden Ast
Standard

Haahahaha sorry war am bearbeiten.
Versuchs nochmal
Mit Zitat antworten
  #4 (permalink)  
Alt 12.02.2013, 22:09
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 13.07.2009
Beiträge: 433
Austen sorgt für eine eindrucksvolle AtmosphäreAusten sorgt für eine eindrucksvolle Atmosphäre
Standard

Zitat:
Zitat von JediMind91 Beitrag anzeigen
obwohls gemäss w3c valide ist.
Ne, die Seite ist nicht valide:
Das solltest du ändern.

Geändert von hemfrie (04.03.2013 um 12:58 Uhr) Grund: Link entfernt
Mit Zitat antworten
  #5 (permalink)  
Alt 12.02.2013, 22:10
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 31.10.2010
Beiträge: 25
JediMind91 befindet sich auf einem aufstrebenden Ast
Standard

hmm hatte nur die main.css validiert, ich werds mal ändern. Denke aber nicht dass es am Design etwas ändern wird.
Mit Zitat antworten
  #6 (permalink)  
Alt 12.02.2013, 22:12
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 13.07.2009
Beiträge: 433
Austen sorgt für eine eindrucksvolle AtmosphäreAusten sorgt für eine eindrucksvolle Atmosphäre
Standard

Mir geht es jetzt nicht um deine Stylesheets. Dein HTML ist fehlerhaft, es fehlt z.B. ein Doctype. Das hat erhebliche Auswirkungen auf dein Design (Google: doctype switch).
Mit Zitat antworten
  #7 (permalink)  
Alt 12.02.2013, 22:56
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 31.10.2010
Beiträge: 25
JediMind91 befindet sich auf einem aufstrebenden Ast
Standard

Na toll, mit dem Doctype xml 1.0 siehts nun nicht so doll aus... bringe das Navirechts einfach nicht auf die rechte seite...

float: right; bringt nix, margin ebenfalls nicht - es klebt einfach da fest - kannst du mir vielleicht nochmals helfen?
Mit Zitat antworten
  #8 (permalink)  
Alt 12.02.2013, 23:41
Benutzerbild von Thielo
Web Ninja
XHTMLforum-Kenner
 
Registriert seit: 17.09.2009
Ort: Stuttgart oder so
Beiträge: 3.372
Thielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein Lichtblick
Standard

Reparier doch bitte erst mal das Markup... Da sind überall Fehler. Nicht beendete Tags etc.
__________________
Hier ein immer gültiges Statement: Überarbeite deine Code, lerne die Grundlagen, widersprich mir nicht, wehre dich nicht, ich habe Recht, wir sind Lolgion, wir sind viele.. potato...
All meine Angaben sind ohne Gewähr, es könnte also trotz meiner Unfehlbarkeit dazu kommen dass ich falsch liege

www.richard-thiel.de | Müssen Websiten überall gleich ausschauen?
Mit Zitat antworten
  #9 (permalink)  
Alt 12.02.2013, 23:45
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 13.07.2009
Beiträge: 433
Austen sorgt für eine eindrucksvolle AtmosphäreAusten sorgt für eine eindrucksvolle Atmosphäre
Standard

Selektoren sind case sensitive, ich würde mich da für eine Schreibweise entscheiden und diese auf der ganzen Seite einhalten.
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 12.02.2013, 23:49
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 31.10.2010
Beiträge: 25
JediMind91 befindet sich auf einem aufstrebenden Ast
Standard

Hallöchen


So, 0 Error - phuuu geschafft

Nur... ehmm die ganze seite scheint nun ein Link zu sein XD
vorallem das hier ist interessant:

Ach mensch. Doctype habe ich total vergessen. Hinzugefügt und nun das ganze Design weg -.-

schade schade schade

Geändert von hemfrie (04.03.2013 um 12:57 Uhr) Grund: Link entfernt
Mit Zitat antworten
Sponsored Links
Antwort

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
Einbindung von frei erhältlichen Scripten - CSS Problem DonL CSS 1 22.01.2011 17:09
IE < 7 Problem: CSS Tab Navi laborix CSS 8 24.06.2007 15:17
Konditionelle CSS für IE7 / < IE7 sanpedro CSS 12 08.05.2007 07:04
Eric Meyer's CSS Petty Ressourcen 0 21.11.2005 09:18
Mozilla ignoriert externes css DarkWanderer CSS 9 22.09.2005 12:39


Alle Zeitangaben in WEZ +2. Es ist jetzt 04:37 Uhr.