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 21.09.2004, 13:04  
Gast
 
Beiträge: n/a
Standard [Erledigt] Design Firefox vs IE bitte um Hilfe

Hallo

ich habe schon einiges ausprobiert und habe es leider nicht geschafft das design meiner homepage anzupassen. da ich firefox verwende, habe ich meine css auch so ausgelegt. als ich dann meine seite mit dem ie angeschaut habe, hab ichs kotzen gekriegt --> alles verschoben. könnt ihr mit noch sagen was ich ändern muss, damit das die page in beiden browsern gleich aussieht?
Was auch komisch ist, ist der scrollbalken. ich habe versucht das fenster so einzurichten dass man es mit 1024 auflösung noch sehen kann ohne scrollen. keine ahnung woran das liegt

meine seite mit dem html könnt ihr unter www.samonis.de.vu anschaun.

meine css datei häng ich hier mal dran.
Hoffe ich habe nicht zu chaotisch geproggt. wollte auf meiner seite design und inhalt ganz trennen.
wenn ihr einen verbesserungsvorschlag habt, weil euch die seite z.b überhaupt nicht gefält, wär ich auch froh.


vielen vielen Dank


Samson_neu

Code:
/* Standard-CSS für www.meinProjekt.at */

/* Wichtige Farben:
Dunkelgrau = #2A2A2A

Hintergrund großer Rahmen= #FFFBF4
*/



/*Abstände aller Elemente werden auf Null gesetzt + weitere Formatierungen*/

 p, h1, h2, h3, ul, ol, 
span, table, td, form, li 
	{
   	margin: 0;
   	padding: 0;
   	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	}


/*----------------Links-------------------*/

a:link 
	{
	font-family: Verdana;
	font-size: 12px;
	color: #2A2A2A;
	font-weight: bold;
	text-decoration: none;
}

a:visited 
	{
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	color: #333;
	text-decoration: none;
}

a:hover 
	{
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	color: #f60;
	text-decoration: none;
}

a:active 
	{
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	color: #f60;
	text-decoration: none;
}

/*----------------allgemeine Tags-------------------*/

body
	{
		margin: 0px;
		padding: 6%;
		text-align: center;
		
	}

/*----------------HintergrundRahmen-------------------*/



.hintergrund
	{
	text-align: left;
	position: relative;
	margin: auto;
	width: 800px;
	height: 220px;
}

.hintergrundrahmen 
	{
	text-align: left;
	border: solid;
	border-width: 1px;
	color: #757575;
	padding-left: 5px;
	padding-top: 5px;
	position: relative;
	margin: auto;
	width: 660px;
	height: 500px;
	background: #FFFBF4;
	background-repeat: no-repeat;
	z-index: 2;
}

.rahmenlinksinnen 
	{
	text-align: left;
	position: absolute;
	top: 15px;
	left: 15px;
	width: 70px;
	height: 200px;
	border: solid;
	border-width: 1px;
	color: #757575;
	padding-left: 5px;
	padding-top: 5px;
	background: #BFDFFF;
	background-repeat: no-repeat;
	z-index: 3;
}


/*----------------Klassen-------------------*/


.linksoben 
	{
	text-align: left;
	font-family: Verdana;
	font-size: 14px;
	color: #2A2A2A;
	font-weight: bold;
	position: absolute;
	top: 300px;
	left: 130px;
	width: 400px;
	z-index: 4;
}

.naviindex 
	{
	text-align: left;
	font-family: Verdana;
	font-size: 12px;
	color: #2A2A2A;
	font-weight: bold;
	width: 60px;
	height: 200px;
	position: absolute;
	top: 30px;
	left: 18px;
	z-index: 5;
}
	
.balkenoben
	{
	background-color: #4F4F4F;
	position: absolute;
	top: 0px;
	height: 20px;
	width: 100%;
	}	


/*----------------Bilder-------------------*/



.mann 
	{
	background-repeat: no-repeat;
	position: absolute;
	top: 80px;
	left: 200px;
	width: 400px;
	height: 200px;
	background-image: url(../images/mann.gif);
	z-index: 6;
}

.samonis 
	{
	background-repeat: no-repeat;
	position: absolute;
	top: 30px;
	left: 160px;
	width: 400px;
	height: 200px;
	background-image: url(../images/samonis.gif);
	z-index: 7;
}

.ecke 
	{
	background-repeat: no-repeat;
	position: absolute;
	top: 327px;
	left: 586px;
	width: 200px;
	height: 232px;
	background-image: url(../images/ecke.gif);
	z-index: 1;
}
	
/*---------------- alle Bilder-------------------

img
	{
		border:1px solid #000000;
	}

*/



	
/*----------------Ende CSS Datei------------------
  Mit Zitat antworten
Sponsor Mitteilung
PHP Code Flüsterer

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

Alt 21.09.2004, 16:27  
Gast
 
Beiträge: n/a
Standard

bist du sicher das es an der css liegt, und nicht am HTML Code? Haste schonma CSS rausgenommen und dann veglichen?
  Mit Zitat antworten
Alt 21.09.2004, 17:26  
Erfahrener Benutzer
 
Registriert seit: 29.08.2003
Beiträge: 216
wurtzel
Standard

das problem liegt darin das firefox und ie die längen unterschiedlich interpretieren
(200px im ie meist != 200px firefox)
__________________
Das Problem ist der Anfang einer Lösung
wurtzel ist offline   Mit Zitat antworten
Alt 22.09.2004, 09:06  
Gast
 
Beiträge: n/a
Standard

hmm sicher bin ich mir natürlich nicht obs an der css liegt. wie soll ich dasmachen? css weglassen und den code anschaun? was sollte ich dann für unterschiede sehen?

vielen dank wegen der längen, aber wie sollte ich es denn dann umändern. dann ist ja absolutes positionieren gar nicht möglich?

Und wurzel. woran liegt es dann dass firefox den balken oben richtig interpretiert ( er soll 100% haben) und der ie klatscht ihn an die kante vom äußeren rahmen?

vielen Dank schonmal

samson_neu
  Mit Zitat antworten
Alt 23.09.2004, 05:15  
Gast
 
Beiträge: n/a
Standard

@wurtzel... IE 200px != FF 200px? Das glaub ich nicht.

Eher an unklarer Definition.

position:relative und position:absolute reagieren beide sensibel auf z-index - da solltest Du ansetzen.

Beispiel: Wenn Du nur ein Objekt mit z-index:2 hast und das relativ positionierst - ja, wozu ist es dann relativ?

Klar, was ich meine?

http://www.minzweb.de/de/pages/index/default.asp hilft Dir garantiert aus Der Misere.
  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
Design und Code Trennen TeazY PHP Tipps 2008 29 21.05.2008 12:08
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
[Erledigt] HILFE HILFE HILFE mysqladmin.exe fehlt Datenbanken 7 20.12.2005 14:00
[Erledigt] window.location.href mit firefox HTML, Usability und Barrierefreiheit 15 18.11.2005 17:49
Firefox und PHP-Sessions toKad PHP Tipps 2005-2 9 21.10.2005 17:09
design mittig halten Niedi HTML, Usability und Barrierefreiheit 10 28.08.2005 15:50
Hilfe Prob IE -Firefox PHP Tipps 2005-2 3 23.08.2005 14:33
[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
Design Beitragsarchiv 26 04.06.2005 20:56
Tabellenprobleme mit dem Design bei Firefox (IE geht) scheibo HTML, Usability und Barrierefreiheit 3 07.01.2005 20:36

Besucher kamen über folgende Suchanfragen bei Google auf diese Seite
z-index firefox, css für firefox und ie trennen, firefox seitendesign, seitendesign firefox, firefox z-index, font-size unterschiede ie firefox, http://www.php.de/html-usability-und-barrierefreiheit/9413-design-firefox-vs-ie-bitte-um-hilfe.html, php text soll bei firefox und internet explorer gleich aussehen, position relative unterschied im firfox, verdana internet explorer size, css relative unterschiede ie und ff, firefox internet explorer font weight, gif im ie und ff unterschiedlich, gif unterschied positionierung ff und ie, verdana firefox internet explorer, verdana ie firefox, position:releative unterschied firefox iexplorer, homepage ie firefox verdana, position absolute relative unterschied ie firefox, firefox css position absolute nicht möglich

Alle Zeitangaben in WEZ +2. Es ist jetzt 08:08 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.