  |
| Autor |
Nachricht |
kiwi
Neuer [User]
Anmeldung: 22.01.08
Beiträge: 4
|
 Verfasst am: 22.01.2008, 18:32 Titel: IE und CSS -> Probleme |
 |
|
Tjo ich arbeite momentan an einer Website und wollte diese mal zum größten Teil mit CSS gestalten. Klappt auch ganz gut - halt - fast ganz gut.
Denn Firefox, Opera usw. zeigen die Seite so an, wie es gedacht ist. Allerdings zickt der IE rum. Ich habe eine Tabelle in der CSS Datei gestaltet, aber der IE versteht / benutzt weder margin, noch padding etc...
Ist das generell so? Gibt es da einen "kleinen" Trick? Oder muss ich jetzt die ganze Tabelle nochmal in HTML umschreiben...?
Danke schonmal
|
|
| Nach oben |
|
 |
fabarazzi
Stammuser [User]
Anmeldung: 29.12.07
Beiträge: 32
Wohnort: Augsburg
|
| Verfasst am: 23.01.2008, 15:22 Titel: |
|
|
Hi, also, du hast eine tabelle erstellt und diese mit css formatiert und die rand abstände werden nicht richtig angezeigt?..hm..Also ich weiß nicht wie dein Code aussieht - vl kannst du den mal reinstellen - aber meine erste Idee wäre es, in den "<table>"- Kopf "cellspacing="0" und cellpadding="0" reinzuschreiben..Also so:
| Code: | | <table cellspacing="0" cellpadding="0">...</table> |
Ansonsten einfach mal den Quelltext reinstellen
|
|
| Nach oben |
|
|
kiwi
Neuer [User]
Anmeldung: 22.01.08
Beiträge: 4
|
| Verfasst am: 23.01.2008, 16:47 Titel: |
|
|
ich kopier mal die relevanten Codeteile raus:
| Code: | <table id="Bilder2" width="800px" align="left" style="float:left; margin-left:10px;" cellspacing="0" cellpadding="0"><tbody><tr>
<td class="uno" width="150px" height="131px">
<img src="images/fensterg2.jpg" width="140px" height="105px"></td>
<td class="duos" width="150px" height="131px">
<img src="images/fensterg2.jpg" width="140px" height="105px"></td>
:
|
und der CSS-Teil
| Code: | #Bilder table#Bilder2 td.uno {
float: left;
/*background-image: url(../images/fenstergard5.jpg);*/
background-color: #FFFFFF;
background-repeat: no-repeat;
width: 140px;
height: 121px;
margin-top: 50px;
margin-left: 30px;
border-bottom:1px solid #000000;
border-top:1px solid #000000;
border-left:1px solid #000000;
border-right: 1px solid #000000;
padding-right: 5px;
padding-left: 5px;
padding-top: 5px;
padding-bottom: 20px;
}
#Bilder table#Bilder2 td.duos {
float: left;
/*background-image: url(../images/fenstergard5.jpg);*/
background-color: #FFFFFF;
background-repeat: no-repeat;
width: 140px;
height: 121px;
margin-top: 100px;
margin-left: 20px;
border-bottom:1px solid #000000;
border-top:1px solid #000000;
border-left:1px solid #000000;
border-right: 1px solid #000000;
padding-right: 5px;
padding-left: 5px;
padding-top: 5px;
padding-bottom: 20px;
}
|
so das ist eigentlich der wesentliche Code...wie gesagt, FF und Opera zeigen es fehlerlos an, der IE hingegen zeigt einfach nicht den padding und margin Abstand an. Die Doctypes hab ich an sich eigentlich auch eingebunden...
|
|
| Nach oben |
|
|
fabarazzi
Stammuser [User]
Anmeldung: 29.12.07
Beiträge: 32
Wohnort: Augsburg
|
| Verfasst am: 25.01.2008, 15:49 Titel: |
|
|
Sry, dass ich erst so spät schreibe, konnt aber nicht ins Internet...
ja, also cellspacing und cellpadding geben ja auch Abstände zu den rändern der tabelle an. Wenn du diese Abstände gleich auf null setzt, denk ich, dass diese mit margin oder padding auch nicht geändert werden können. Also, wenn du den Innenabstand ändern willst, musst du cellpadding nehmen und den gewünschten wert (in pixeln) einsetzen. Für den Außenabstand nimmst du cellspacing ..
greetz
|
|
| Nach oben |
|
|
kiwi
Neuer [User]
Anmeldung: 22.01.08
Beiträge: 4
|
| Verfasst am: 26.01.2008, 21:00 Titel: |
|
|
Ähm ja schon klar, aber margin und padding hab ich ja eigentlich in der CSS festgelegt. Im HTML Code hab ichs jetzt gelöscht, allerdings hat das zu nichts geführt. Der IE stellt die Tabellen immernoch falsch da und erkennt eben kein margin, padding usw. , ich verstehe immernoch nicht wieso. Ich hab jetzt schon den halben Code rausgeschmissen, mein HTML Code ist w3c valid und immernoch keine Änderung von Seiten des IEs.
|
|
| Nach oben |
|
|
fabarazzi
Stammuser [User]
Anmeldung: 29.12.07
Beiträge: 32
Wohnort: Augsburg
|
| Verfasst am: 27.01.2008, 14:55 Titel: |
|
|
Ich glaube dass der IE margin und padding bei tabellen nictht versteht, deswegen sollst du ja statt dem margin und padding cellspacing und cellpadding verwenden..Und die Werte von cellpadding und cellspacing größer als null setzen..
Hast du das schon versucht?
|
|
| Nach oben |
|
|
kiwi
Neuer [User]
Anmeldung: 22.01.08
Beiträge: 4
|
| Verfasst am: 28.01.2008, 15:58 Titel: |
|
|
So, ich habs jetzt hingekriegt, du hattest recht, für Tabellen nimmt der margin und padding nicht, also hab ich eine ungeordnete Liste genommen. Jetzt geht alles mehr oder minder, danke nochmal.
|
|
| Nach oben |
|
|
|
|
