Demo

Probiere ClanSphere aus und teste daran herum. Demo


Antworten: 24
Seite [1] 2 >
Stoka


Wannabe poster




Beiträge: 38
 # Thema - 22.03.2009 um 06:59 Uhr
moin,
eigentlich wollten wir dieses problem "alleine" lösen aber mein kumpel und ich kommen mit der anpassung an andere Browser nicht weiter.Die Seite sieht im IE aus wie es sein sollte.
Aber bei Firefox und Co. ist zwischen den last_boxen ein abstand ,so das die rechte last_topic box runter rutscht und die ganze page nach unten verzerrt.Ausserdem ist das ganze formularfeld unten etwa 5 px nach links ins navimenu gerutscht. :

Firefox 2.0.04
mehr... +-


Opera 7.54 / Windows XP
mehr... +-


Chrome 2.0.156.1 / Windows XP
mehr... +-


in meiner .css ,sind die boxen jeweils mit 250px beschrieben.Macht mal x 3-boxen = 750px insgesamt.Normal dürfte es ja kein Problem geben aber das padding welches ich machen muss für die schrifft:
mehr... +-
#last_wars {
float : left;
width : 250px;
padding : 20px 5px 0px 5px;
text-align : left;
border-right : 1px solid #c3ad71;
height : 147px;
background : url(image/box_clan.png) no-repeat;
}
#last_news {
float : left;
width : 250px;
height : 147px;
padding : 20px 0px 0px 5px;
color : #c3ad71;
text-align : left;
border-right : 1px solid #c3ad71;
background : url(image/box_news.jpg) no-repeat;
}
#last_topics {
float : left;
width : 250px;
height : 147px;
padding : 20px 0px 0px 5px;
color : #c3ad71;
text-align : left;
background : url(image/box_th.png) no-repeat;

verursacht bei Firefox das er die boxen kleiner macht.Zu mindest die last_war box.Kann das zwar einigermaßen anpassen an firefox aber dann siehts im IE wieder verzerrt aus.
Ich hab da wirklich keine ahnung wo ich ansetzten muss um das 100% für beide Browser anzupassen.Das Formularfeld ist auch nach links gerutscht.
Wäre sehr Dankbar für hilfe!

PS:muss ich vllt. was in der war/navlist verändern um den gewünschten effekt zu ezielen?:
mehr... +-
<table style="width:100%; overflow:hidden" cellpadding="0" cellspacing="0">
{loop:wars}
<tr>
<td class="left">{wars:game_icon}</td>
<td class="left">{wars:enemy}</td>
<td class="right">{wars:wars_score1}</td>
<td class="center">:</td>
<td class="left">{wars:wars_score2}</td>
<td class="left">{wars:icon}</td>
</tr>
{stop:wars}
</table>


ich hab übrigens unsere seite bei W3c auf Fehler überprüft und zwei gefunden:
Validation Output: 2 Errors
Line 88, Column 68: document type does not allow element "table" here; assuming missing "li" start-tag.
…" style="width:1" cellpadding="0" cellspacing="0">✉
Line 101, Column 7: end tag for "li" omitted, but OMITTAG NO was specified.
</ul><br />✉
You may have neglected to close an element, or perhaps you meant to "self-close" an element, that is, ending it with "/>" instead of ">".

Line 88, Column 0: start tag was here.
<table class="forum" style="width:1" cellpadding="0" cellspacing="0">


http://validator.w3.org/check?uri=http%3A%2F%2Fwww.stko.org%2Fp%2F&charset=%28detect+automatically%29& doctype=Inline&group=0&user-agent=W3C_Validator%2F1.606

Hat das was mit dem Fehler bei Firefox zu tun?

www.stko.org/p

mfg sToKa



Zuletzt editiert von Stoka am 22.03.2009 um 07:06 Uhr (3x Editiert)
Inaktiv
duRiel ClanSphere Team


Weltmeister




Herkunft: Cambridge
Beiträge: 7300
 # Antwort: 1 - 22.03.2009 um 09:45 Uhr
hi,
wäre doch schade, wenn die validierung an diesen letzten 2-3 fehlern scheitern würde.
die würde ich auf jeden fall noch fixen, auch wenn es mit der sache jetzt nichts zu tun hat. mach um die servers anzeige dieses ul weg.

zum problem: im firefox sind einfach die 250px breite, die du angegeben hast, nicht da an platz. 200px oder so passen da eher.

gruß
duRiel


Inaktiv
|
sgraewe ClanSphere Team

Supporter
Supporter




Beiträge: 6116
 # Antwort: 2 - 22.03.2009 um 09:57 Uhr
Ich würde auch eher an den FF, Opera & co anpassen als an den Internet Explorer


Inaktiv
|
Spongebob


King for a day




Herkunft: Kassel
Beiträge: 277
 # Antwort: 3 - 22.03.2009 um 15:13 Uhr
Also ich habs mit
position:static;
eigentlich ganz gut lösen können


------------------
ClanSphere developer - since 2010
we know how to party! - since 2004: www.sternex.de
plentySystems developer - since 2010: www.plentysystems.de

Inaktiv
|
Stoka
Thread-Ersteller


Wannabe poster




Beiträge: 38
 # Antwort: 4 - 22.03.2009 um 16:31 Uhr
Danke schon mal für eure tipps,ich werde mal sehen was ich darauss machen kann.

PS: 90%unsere User benutzt IE.


Zuletzt editiert von Stoka am 22.03.2009 um 16:32 Uhr (1x Editiert)
Inaktiv
|
sgraewe ClanSphere Team

Supporter
Supporter




Beiträge: 6116
 # Antwort: 5 - 22.03.2009 um 17:40 Uhr
Ja das kann ja gut sein das 90% der User den IE nutzen.

Allerdings ist es einfacher an alle anderen Browser anzupassen, da diese meistens die sachen gleich interpretieren. IE hacks kannste dann immer noch schreiben


Inaktiv
|
Stoka
Thread-Ersteller


Wannabe poster




Beiträge: 38
 # Antwort: 6 - 22.03.2009 um 18:00 Uhr
Ganz verstehe ich das noch nicht wiso diese 250 px pro box zu gross sein sollten wenn doch insgesamt 750 px vorhanden sind,aber ich werde das ganze mal an Firefox 3.1 anpassen und es dann mit diesen IE Hacks probieren.Ich hoffe das geht.


Inaktiv
|
ven0m


Going for pro




Herkunft: Essen
Beiträge: 406
 # Antwort: 7 - 22.03.2009 um 18:01 Uhr
also wie ich das sehe hast du insgesamt 750px breite zur verfügung. Jede deiner boxen soll 250px breit sein. Allerdings hast du noch nen padding mit drin, welcher dir zusätzliche 10px an breite beschert. Also kommst du auf insgesamt 260px breite pro box.

Evtl. interessiert den IE das nicht, hab noch nie darauf geachtet.


MfG
ven0m


------------------
Gruß
ven0m

Inaktiv
|
Stoka
Thread-Ersteller


Wannabe poster




Beiträge: 38
 # Antwort: 8 - 22.03.2009 um 18:17 Uhr
@ven0m sieht ganz so aus.Hab padding jetzt auf null gemacht und die tabellen sehen i.o aus.Natürlich passt die schrifft nicht mehr.Aber das ist schon mal ein guter anhaltspunkt für uns.Das mehr oder weniger alles neuland.Wir müssen uns da erst noch reinfuchsen.Ich denke mal das ich zu diesen iE Hacks auf paar fragen haben werde^^.

/edit...was hat das mit den bewertung eines kommentars auf sich? 1pkt ist schlecht und 10 sind gut?



Zuletzt editiert von Stoka am 22.03.2009 um 18:19 Uhr (1x Editiert)
Inaktiv
|
sgraewe ClanSphere Team

Supporter
Supporter




Beiträge: 6116
 # Antwort: 9 - 22.03.2009 um 18:21 Uhr
Wenn du fragen dazu hast ist das ja kein Problem

Jop richtig, 10 ist das beste


Inaktiv
|
Stoka
Thread-Ersteller


Wannabe poster




Beiträge: 38
 # Antwort: 10 - 24.03.2009 um 00:06 Uhr
huhu,hab die seite jetzt an firefox u. Co. angepasst.Zum Beispiel musste ich .content padding 5px geben um das feld mittig zu bekommen.Bei IE fehlen diese 5px jetzt.Kann ich da jetzt ein IE HAck einsetzen damit IE das nicht übernimmt?So ein Beispiel wäre für den Anfang ganz hilfreich,danch kann ich ja selber probieren.

mfg
Inaktiv
|
Stoka
Thread-Ersteller


Wannabe poster




Beiträge: 38
 # Antwort: 11 - 02.04.2009 um 11:10 Uhr
moin,kann man für verschiedene Browser eigene .css datei erstellen?Sprich das man automatisch erkennt welchen Browser der benutzer hat und dementsprechend die .css datei benutzt?
Welchen Befehel müsste ich in den .css datein einbringen.?


Inaktiv
|
Erulith


Wannabe poster




Beiträge: 29
 # Antwort: 12 - 02.04.2009 um 23:34 Uhr
Der Befehl sollte in den head deiner index.
Dort kannst Du dann einen extra css File angeben für den IE, hier ie.css:

 
1.
2.
3.
4.
1. / 2. / ... 
 <!--[if IE]>
    <style type="text/css">@import url(ie.css);</style>
  <![endif]-->




------------------

Zuletzt editiert von Erulith am 02.04.2009 um 23:43 Uhr (2x Editiert)
Inaktiv
|
Stoka
Thread-Ersteller


Wannabe poster




Beiträge: 38
 # Antwort: 13 - 03.04.2009 um 15:08 Uhr
ah das kommt also in den head der index. Hab schon hier nachgeschaut : http://de.selfhtml.org/css/layouts/browserweichen.htm wusste aber nicht genau wo der befehl eingetragen werden muss.
Also müsste ich die datei z.B "ie.css" nennen und sie in mein Template kopieren wo auch die haupt.css ist?Das werd ich doch glatt mal ausprobieren. Vielen dank für die Antwort.


Zuletzt editiert von Stoka am 03.04.2009 um 15:10 Uhr (2x Editiert)
Inaktiv
|
duRiel ClanSphere Team


Weltmeister




Herkunft: Cambridge
Beiträge: 7300
 # Antwort: 14 - 03.04.2009 um 15:21 Uhr
richtig


Inaktiv
|
Stoka
Thread-Ersteller


Wannabe poster




Beiträge: 38
 # Antwort: 15 - 03.04.2009 um 15:42 Uhr
hmmm...hab jetzt öffter versucht an verschiedenen stellen des heads den code von oben einzutragen.Da tut sich irgendwie nichts.Ich muss da noch was falsch machen...die datei hab ich ie.css genannt und eige veränderung vorgenommen die man sofort sehen hätte müssen.


Inaktiv
|
duRiel ClanSphere Team


Weltmeister




Herkunft: Cambridge
Beiträge: 7300
 # Antwort: 16 - 03.04.2009 um 15:52 Uhr
mach das mal ans ende vom head, also vor </head>.


Inaktiv
|
Stoka
Thread-Ersteller


Wannabe poster




Beiträge: 38
 # Antwort: 17 - 03.04.2009 um 15:57 Uhr
ne auch nicht.Mir fällt in moment nichts ein....http://www.stko.org/p


Zuletzt editiert von Stoka am 03.04.2009 um 15:58 Uhr (1x Editiert)
Inaktiv
|
duRiel ClanSphere Team


Weltmeister




Herkunft: Cambridge
Beiträge: 7300
 # Antwort: 18 - 03.04.2009 um 15:58 Uhr
ok, dann mach noch den pfad dazu: /p/templates/apple/
vor die ie.css


Inaktiv
|
Stoka
Thread-Ersteller


Wannabe poster




Beiträge: 38
 # Antwort: 19 - 03.04.2009 um 16:03 Uhr
hmmm ne.. meinst du so : <!--[if IE]>
<style type="text/css">@import url/p/templates/apple/(ie.css);</style>
<![endif]--> ?

so geht auch nicht: <!--[if IE]>
<style type="text/css">@import url(/p/templates/apple/ie.css);</style>
<![endif]--> ?


Zuletzt editiert von Stoka am 03.04.2009 um 16:09 Uhr (2x Editiert)
Inaktiv
|
duRiel ClanSphere Team


Weltmeister




Herkunft: Cambridge
Beiträge: 7300
 # Antwort: 20 - 03.04.2009 um 16:13 Uhr
komisch, mit dem 2. dachte ich würde es gehen.
versuchs mal so:

<!--[if IE]>
<link href="ie.css" rel="stylesheet" type="text/css" />
<![endif]-->


Inaktiv
|
Antworten: 24
Seite [1] 2 >


Sie müssen sich registrieren, um zu antworten.