php.de

Zurück   php.de > Webentwicklung > HTML, Usability und Barrierefreiheit

HTML, Usability und Barrierefreiheit Themen rund um Textauszeichnung, Formatierung, Barrierefreiheit und Usability.

Antwort
 
LinkBack Themen-Optionen Thema bewerten
Alt 30.11.2004, 16:46  
Erfahrener Benutzer
 
Registriert seit: 08.11.2003
Beiträge: 139
Calexico
Standard Firefox hui, IE pfui!!??

Hejhej!

Ich hab mit ner Page angefangen, dich ich mit jetzt zum ersten mal komplett mit css und layern gestalten will (also ohne Tabellen). Jetzt hab ich das ganze Design erstmal entworfen und im Firefox getestet. Sieht dort wunderbar aus!!
So nun das ganze auf dem IE und was rauskommt ist der letzte Müll.
Beim Firefox musste ich width-Angaben machen und dabei die breite der border abziehen, d.h. jeweils 2px. Beim IE brauche ich das anscheinend nicht zu machen, denn jetzt ist alles komplett verschoben nicht mehr breit genug etc. Außerdem scheint der IE Abstände rein zu machen zwischen 2 Layern, die er nicht machen soll!!

Wie kann ich das ganze vielleicht so hinbekommen, dass es sowohl beim Firefox als auch beim IE so aussieht wie's soll??

DANKE!

Calexico
Calexico ist offline   Mit Zitat antworten
Sponsor Mitteilung
PHP Code Flüsterer

Registriert seit: 21.08.2005
Beiträge: 4682
PHP-Kenntnisse:
Fortgeschritten

Alt 30.11.2004, 16:57  
Gast
 
Beiträge: n/a
Standard

http://css4you.de/wslayout1/index.html

also bei mir sieht das immer in beiden browsern gleich aus (naturtalent^^), deswegen kann ich dir außer dem link nichts empfehlen
  Mit Zitat antworten
Alt 30.11.2004, 17:20  
Moderator
 
Benutzerbild von agrajag
 
Registriert seit: 02.10.2006
Beiträge: 3.820
PHP-Kenntnisse:
Fortgeschritten
agrajag wird schon bald berühmt werdenagrajag wird schon bald berühmt werden
Standard

Das liegt am kaputten Box-Modell im IE. Der Firefox macht's so wie es das w3c vorschlägt der IE macht mal wieder irgendwas.
Wenn du also mit festen Breietn arbeitest wirst du dich damit noch eine Weile rumschlagen müssen....

Such mal bei Google & Co. nach "Box-Model hack" (oder ähnlich). Es gibt da einige mehr oder weniger gute Ansätze um den Bug im IE zu umgehn.

viel Glück dabei
werbegeschenk
__________________
Today you...Tomorrow me.
agrajag ist offline   Mit Zitat antworten
Alt 30.11.2004, 19:54  
Gast
 
Beiträge: n/a
Standard

Boah, das ist echt zum Haare ausreissen, das Problem hatte ich auch mal... habs dann aufgegeben :/
VIelleicht gibt mir der Thread hier wieder was Schwung.
  Mit Zitat antworten
Alt 30.11.2004, 21:42  
Erfahrener Benutzer
 
Registriert seit: 14.01.2004
Beiträge: 2.543
fantast
fantast eine Nachricht über ICQ schicken
Standard

ja, das sollte er. ich hab mich auch grade durch die selbe problematik gekaempft, aber wenn man lange genug probiert, haut das mehr oder weniger hin ie6 is uebrigens sauber, das problem is der ie 5(.5) zur not (aber nur wenns nich anders geht) schreibst du ne browserweiche...
__________________
Was ist validität?
fantast ist offline   Mit Zitat antworten
Alt 30.11.2004, 22:08  
Erfahrener Benutzer
 
Registriert seit: 08.11.2003
Beiträge: 139
Calexico
Standard

ne, auf ne browserweiche hab ich keine lust..........und durch rumprobieren bin ich auch nicht weiter gekommen. ich weiß nur, dass das gleiche design mit tabellen in beiden browsern perfekt aussieht.....(
Calexico ist offline   Mit Zitat antworten
Alt 01.12.2004, 18:53  
Erfahrener Benutzer
 
Registriert seit: 26.09.2004
Beiträge: 430
toscho
Standard

Um bei Opera, Safari, IE Mac und Mozilla das W3C-Boxmodel zu gewährleisten (auch im Quirksmodus), schreib:
Code:
#box {
    box-sizing:  content-box;
    -moz-box-sizing: content-box;
    width: 10em;
    padding: 1em;
}
Den IE 6 versetzt du am besten auch in den Quirksmodus, damit er sich beim Boxmodel wie die früheren Versionen verhält. Einfach einen leeren Kommentar an den Anfang des HTML-Dokumentes setzen, dann ist das erledigt.
Dann schreibst du eine Regel, die nur der IE Win liest:
Code:
* html #box {
    /* Dieser Kommentar hält den IE Mac draußen. \*/
    width: 12em;
    /* */
}
Ist doch ganz einfach. ;)
Hmm … vielleicht sollte ich dazu mal ein ausführlicheres Demo schreiben …

Gruß
Thomas
toscho ist offline   Mit Zitat antworten
Alt 01.12.2004, 20:42  
Erfahrener Benutzer
 
Registriert seit: 08.11.2003
Beiträge: 139
Calexico
Standard

ja schreib mal ein ausführliches demo, weil ich krieg's nicht richtig hin. hab jetzt in den head-bereich als style type="text/css" das reingeschrieben:

PHP-Code:
<style type="text/css">
html #box {
    /* Dieser Kommentar hält den IE Mac draußen. \*/
    
width12em;
    
/* */
}
 
#box {
    
box-sizing:  content-box;
    -
moz-box-sizingcontent-box;
    
width10em;
    
padding1em;
}
</
style
klappt aber nicht. wie mach ich denn den leeren kommentar??
Calexico ist offline   Mit Zitat antworten
Alt 01.12.2004, 21:31  
Erfahrener Benutzer
 
Registriert seit: 26.09.2004
Beiträge: 430
toscho
Standard

Zitat:
Zitat von Calexico
klappt aber nicht. wie mach ich denn den leeren kommentar??
Code:
<! -- --><!DOCTYPE html>
Dann sollte es genau so gehen, wie ich beschrieben habe.

Gruß
Thomas
toscho ist offline   Mit Zitat antworten
Alt 02.12.2004, 14:26  
Erfahrener Benutzer
 
Registriert seit: 08.11.2003
Beiträge: 139
Calexico
Standard

irgendwie geht's bei mir nicht:
ich hab das ganze so eingebaut:
PHP-Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<
html>
<
head>
<
title>Timo in Grau</title>
<
meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<
style type="text/css">
html #box {
    /* Dieser Kommentar hält den IE Mac draußen. \*/
    
width12em;
    
/* */
}
 
#box {
    
box-sizing:  content-box;
    -
moz-box-sizingcontent-box;
    
width10em;
    
padding1em;
}
</
style
Calexico ist offline   Mit Zitat antworten
Antwort


Themen-Optionen
Thema bewerten
Thema bewerten:

Forumregeln
Es ist dir nicht erlaubt, neue Themen zu verfassen.
Es ist dir nicht erlaubt, auf Beiträge zu antworten.
Es ist dir nicht erlaubt, Anhänge hochzuladen.
Es ist dir nicht erlaubt, deine 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 an
Gehe zu

Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Fehler bei Übergabe von Variablen aus MySQL in Firefox jensoweber Datenbanken 0 13.07.2008 13:14
Firefox / IE - ungeahnte Statistik pepe24 Off-Topic Diskussionen 10 30.04.2007 16:46
Firefox will mein 3-spaltiges Layout mit Footer nicht (CSS)! vampsoftchef HTML, Usability und Barrierefreiheit 1 28.02.2007 00:22
templates oder css mit firefox rbs_phoenix HTML, Usability und Barrierefreiheit 1 30.10.2006 15:24
[code]-Darstellung Firefox und Mozilla Magic Off-Topic Diskussionen 9 21.01.2006 01:15
[Erledigt] window.location.href mit firefox HTML, Usability und Barrierefreiheit 15 18.11.2005 17:49
window.open mit firefox HTML, Usability und Barrierefreiheit 3 14.11.2005 17:04
Problem mit Firefox Diego1978 HTML, Usability und Barrierefreiheit 9 11.09.2005 21:17
[Erledigt] shiftKey bei Firefox abfragen HTML, Usability und Barrierefreiheit 2 05.08.2005 15:08
Deer Park Alpha 1 (=Mozilla Firefox 1.1) Off-Topic Diskussionen 15 09.07.2005 02:32
[Erledigt] verfluchter Firefox HTML, Usability und Barrierefreiheit 5 08.07.2005 22:51
RGB im IE anders als im Firefox ! Cyberbob_at_tot HTML, Usability und Barrierefreiheit 9 29.06.2005 17:47
[Erledigt] Script Interpretaion läuft falsch im Firefox PHP-Fortgeschrittene 23 11.05.2005 19:01
FireFox :: php.net als Suchmaschine Guradia Off-Topic Diskussionen 14 07.12.2004 13:29
Browser FireFox --hast du das gewusst?? Off-Topic Diskussionen 11 23.09.2004 19:09

Besucher kamen über folgende Suchanfragen bei Google auf diese Seite
width angabe in firefox, ie firefox hui, css4you schrift verhält sich im internet explorer anders, \toscho-hack\, toscho hack, ie firefox barrierefreiheit, huiii ie firefox, internet explorer safarie firefox hui, firefox der letzte müll, moz-box-sizing, huiiii ie, layout firefox hui ie pfui, firefox hui, firefox huiii, wer stellt code sauber da ie oder firefox, firefox box sizing, ie firefox darstellung tabellen und abstände

Alle Zeitangaben in WEZ +2. Es ist jetzt 20:23 Uhr.




Powered by vBulletin® Version 3.7.2 (Deutsch)
Copyright ©2000 - 2012, Jelsoft Enterprises Ltd.
Search Engine Optimization by vBSEO 3.2.0
Aprilia-Forum, Aquaristik-Forum, Liebeskummer-Forum, Zierfisch-Forum, Geizkragen-Forum

Creative Commons License
Dieser Inhalt ist unter einer Creative Commons-Lizenz lizenziert.