Problem CSS/HTML/PHP

[SINY]

Hi Leute ,

Ich bin grade schier am verzweifeln...

Habe mir meine eigene Seite mit CSS/HTML/PHP gebastelt und mir mein design aus einzelnen bildern in div tags zusammgestellt.

Nur leider hab ich das Problem das es im Firefox gut aussieht , im chrome schon ziemlich falsch , im netscape sehr anders , im IE kann mans komplett in die Tonne kicken...

Wenn ichs für einen Browser passend gemacht habe geht es sicher mal in 2 anderen nicht mehr ...

Deswegen stell ich mir die Frage wie das große Seiten wie ebay, web, 1&1 oder gmx machen das ihre Seiten immer perfekt aussehen völlig egal in welchem browser.

Benutzen die irgendwelche anderen Sprachen ich kann mir das absolut nicht vorstellen wie das gehn soll ...

MfG

SINY

[Variable X]

eine möglichkeit wäre z.B. abzufragen welcher browser gerade benutzt wird und dementsprechen verschiedene seitene erstellen... ^^
wie man das genau ausliest weis ich nciht aber ich weis, dass es möglich ist!
ansonsten musst du halt andere methoden benutzen um das ganze zusammenzubasteln guck dir an anderens eiten vielleicht ein bissl ab

[n00kie]

Du kannst die Seiten, für die entsprechenden Browser optimieren. Ein Vorschlag wäre z.B. der von Variable. Google einfach mal nach.

[SINY]

mhhhh ja das mit die Seite auf die einzelnen Browser anpassen hätte ich jetzt noch als letzte Methode in betracht gezogen schade das es nicht einfach geht das ist ja nur massig arbeit ^^

[Southpark]

Hab dir ne Pm geschrieben.

[Variable X]

Southpark (http://free-hack.com/member.php?u=43713) immer diese pm schreiebr hier xD
andere leute wie mich z.B. Intressiert das doch auch der weitere verlauf ob jemand was gutes weis es kann doch immer hilfreich sein ^^

[Southpark]

Wenn ich hier schreibe dauert es viel länger^^

[blackberry]

Website Design hat hier nichts zu suchen.

/moved to HTML / CSS

[novaca!ne]

will auch wissen wie man seine seite auf verschiedenen browsern gut darstellen kann !
will auch ne pm !

[Southpark]

will auch wissen wie man seine seite auf verschiedenen browsern gut darstellen kann !
will auch ne pm !


Konnte ihm nicht helfen bzw er wollte sich nicht helfen lassen.

[wacked]

also ich mache es so:


function browser_info($agent=null) {
// Declare known browsers to look for
$known = array('msie', 'firefox', 'safari', 'webkit', 'opera', 'netscape',
'konqueror', 'gecko');

// Clean up agent and build regex that matches phrases for known browsers
// (e.g. "Firefox/2.0" or "MSIE 6.0" (This only matches the major and minor
// version numbers. E.g. "2.0.0.6" is parsed as simply "2.0"
$agent = strtolower($agent ? $agent : $_SERVER['HTTP_USER_AGENT']);
$pattern = '#(?<browser>' . join('|', $known) .
')[/ ]+(?<version>[0-9]+(?:\.[0-9]+)?)#';

// Find all phrases (or return empty array if none found)
if (!preg_match_all($pattern, $agent, $matches)) return array();

// Since some UAs have more than one phrase (e.g Firefox has a Gecko phrase,
// Opera 7,8 have a MSIE phrase), use the last one found (the right-most one
// in the UA). That's usually the most correct.
$i = count($matches['browser'])-1;
return array($matches['browser'][$i] => $matches['version'][$i]);
}sagt mir welcher browser benutz wird.
und dann einfach:


$ua = browser_info();
if ($ua['msie'])
echo "<div id=\"footerIE\"><b>Layout by V!ruS</b></div>\r\n";
else
echo "<div id=\"footer\"><b>Layout by V!ruS</b></div>\r\n";das ist alles c&p code aus dem internetz. ich weiß nichmehr wo her ich es habe aber es funktioniert sehr gut. vielen dank an den coder.
edit:robert@broofa.com vielen dank. (http://de.php.net/function.get-browser)

[2called-chaos]

Wie wärs mit validem HTML & CSS?
Den IE (vor allem den IE6) muss man ab und zu patchen, ansonsten muss man nur sauberen Code schreiben...

Zauberwort: Cross-Browser (http://de.wikipedia.org/wiki/Cross-Browser) (übrigens ein schönes Wort zum googlen)

Ein paar Links dazu:
(X)HTML-Validator (http://www.validome.org/)
CSS-Validator (http://jigsaw.w3.org/css-validator/)
CSS-Kompatiblitätsübersicht (auch gute Referenzseite) (http://www.css4you.de/browsercomp.html/standardbrowser/)
Browsershots (perfekt um die Darstellung in den verschiedensten browsern zu testen) (http://browsershots.org/)
"Reset reloaded"-Stylesheet (Die meisten Browser belegen Styledefinitionen bei bestimmten Elementen vor) (http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/)

Auch wichtig!: Immer einen Doctype (http://www.w3.org/QA/2002/04/valid-dtd-list.html) verwenden!

Und dann noch gleich bei SelfHTML nachgucken ob die gängigsten Browser das eingesetzte Element unterstützen und schon sollte die Seite Cross-Browserfähig sein...
Kleine Differenzen kann man dann noch mit workarounds ausbügeln (CSS kann, wenn auch unschön, Browser unterscheiden)...

Auch beim Boxmodell muss man aufpassen, dieses unterscheidet sich beim IE (margin ist teil der Breite, beim Gecko & Co wirds addiert)...


Ich hoffe das hilft...

Mfg

Chaos

[fr34k*]

Ah, Mist 2called-chaos (http://free-hack.com/member.php?u=36001) hat schon das Zauberwort gesagt und alles erklärt :/

Aber wie er oben gesagt hat einfach einen sauberen PHP/HTML/CSS Code!!

Aber vllt noch als kleiner Zusatz, besorg dir mal die Developer Toolbars, sowie Firebug für FF (IE & FF)
Die helfen ungemein und du findest deine Fehler viel schneller!