zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden IE ändert Schriften nach Laune (Masterpage vor allem)

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 30.10.2008, 13:12
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 30.10.2008
Beiträge: 2
delayne befindet sich auf einem aufstrebenden Ast
Standard IE ändert Schriften nach Laune (Masterpage vor allem)

Hallo,

vorab erstmal, das Problem zu beschreiben fällt mir etwas schwer, da ich gerade erst mit der Ausbildung angefangen habe und das Projekt eigentlich meinen Wissensstand übersteigt.

Problem:
Ich habe eine Webseite mit einer Masterpage. Die CSS-Stylesheets etc sind größtenteils schon festgelegt müssen aber gelegentlich angepasst werden. Da ich auf einigen Seiten gelesen habe, dass es einfacher ist die Designs für FF zu basteln und dann an IE per Conditional Comments anzupassen, habe ich das bisher auch gemacht. Das Design sieht im FF auch sehr gut aus. Im IE dann leider nur noch stellenweise.

Folgendes Problem tritt auf: Wenn ich die Default Seite öffne passt der Style aus dem rechten unteren div. Wechsel ich auf auf eine deutsche Seite ändert sich die Schriftart plötzlich gewaltig.

Für mich ergibt das keinen Sinn, da ja dieses div so oder so immer aus der Masterpage geladen wird und demnach immer auf das gleiche Stylesheet zugreift.

Code kann ich leider nicht posten (zu verschachtelt das ganze) aber ich hab 2 Screenshots angehängt.

Über jede Idee zur Lösung bin ich dankbar

Geändert von delayne (02.11.2008 um 07:45 Uhr)
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 30.10.2008, 13:20
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.775
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

delayne, man kann CSS-Fehler nicht an Screenshots herausfinden.
Lies bitte: http://xhtmlforum.de/40080-f-r-frage...twortende.html
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 30.10.2008, 13:32
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 30.10.2008
Beiträge: 2
delayne befindet sich auf einem aufstrebenden Ast
Standard

Ich hab mir das durchgelesen, und mir ist klar, dass css-fehler nicht anhand von Screenshots gefunden werden können. Mehr als den CSS-Code kann ich aber nicht posten, da der div mit einem "<as:repeater>" arbeitet und ausser unmengen fehlermeldungen solo nix produziert.

Die Screenshots hab ich gepostet, um zu zeigen, was genau ich meine und mir gehts prinzipiell erstmal um eine idee, warum die selbe seite 2 verschiedene Schriftarten zeigt.


Hier mal der css-code.

Code:
html
{
	height: 98%;
	width: 100%;
}

body
{
	font-family: Verdana;
	font-size: small;
	height: 98%;
	width: 100%;
	background-color: #efefef;
}
/************************************** ID **************************************************/
#all
{
	width: 100%;
}
#header
{
	position: relative;
	background-image: url('Bilder/head_bg.jpg');
	background-repeat: repeat-x;
	height: 151px;
	width: 100%;
	padding: 0;
}
#menue
{
	position: relative;
	top: 55px;
	left: inherit;
	height: 25px;
	width: 100%;
	text-align: right;
	color: #ffffff;
	z-index: 1;
	margin-right: 10px;
}

#logo
{
	background-image: url('Bilder/head.jpg');
	background-color: Green;
	width: 100%;
	height: 150px;
}
#menueUnterpunkt
{
	position: absolute;
	left: 40%;
	top: 101px;
	width: auto;
	color: #3c537c;
}
#menueUnterpunkt a:hover, a:active
{
	color: #3c537c;
	text-decoration: none;
}
#menueUnterpunkt a:link, a:visited
{
	color: #3c537c;
	text-decoration: none;
}
#menue a:hover, a:active
{
	color: #ff9933;
	text-decoration: underline;
}
#menue a:link, a:visited
{
	color: #ffffff;
	text-decoration: none;
}
#main
{
	width: 100%;
}
/*
#content
{
	position:relative;
	left:0px;
	min-width:500px;
	height:auto;
	/*border:solid 2px #ff9933;*//*
	padding:5px;
	z-index:1;
}
*/
#infos
{
	/*border:solid 2px #3c537c;*/
	width: 200px;
	z-index: 2;
}
#bottom
{
	position: relative;
	top: 20px;
	left: 0px;
	width: 100%;
	height: 10px;
	height: 23px;
	color: White;
}
#bottomLight
{
	width: 100%;
	background-color: #dbe2e9;
	height: 5px;
}
#bottomDark
{
	width: 100%;
	background-color: #3c537c;
	height: 20px;
	text-align: center;
}
#bottomTbl
{
	width: 100%;
}
#sprachauswahl
{
	position: absolute;
	right: 10px;
	top: 50px;
}
/************************************** CLASS ***********************************************/

/*******Zusatz*****/
*
{
	margin: 0;
	padding: 0;
}

body
{
	margin: 20px 0;
	background: #FFFFFF;
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #666666;
}

a
{
	color: #29A3E1;
}

a:hover
{
	text-decoration: none;
	color: #E16629;
}

/* Boxed */

.title
{
	padding-bottom: 1px;
	border-bottom: 3px solid #29A3E1;
}

.boxed1 .title
{
	font: bold 100% "Trebuchet MS" , Arial, Helvetica, sans-serif;
}

.boxed1 .content
{
	background: url(images/img05.gif) no-repeat left bottom;
	padding: 20px;
}

.boxed2 .title
{
	font: normal 182% "Trebuchet MS" , Arial, Helvetica, sans-serif;
}

.boxed2 .content
{
	background: url(images/img06.gif) no-repeat left bottom;
	padding: 20px;
}

.boxed3 .title
{
	font: normal 129% "Trebuchet MS" , Arial, Helvetica, sans-serif;
}

.boxed3 .content
{
	background: url(images/img07.gif) no-repeat left bottom;
	padding: 20px;
}

.boxed3 ol, .boxed3 ul
{
	margin-left: 1em;
}


/* Header 

#header {
	width: 760px;
	height: 161px;
	margin: 0 auto;
	background: url(images/img02.jpg) no-repeat 100% 50px;
	border-bottom: 5px solid #E16629;
}
*/
/* Logo 

#logo {
	float: left;
	width: 240px;
	height: 160px;
	background: #29A4E1 url(images/img01.gif) no-repeat;
	text-align: center;
}

#logo h1 {
	padding-top: 80px;
	font: bold 36px Georgia, "Times New Roman", Times, serif;
}

#logo h2 {
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
}

#logo a {
	text-decoration: none;
	color: #FFFFFF;
}
*/
/* Menu */

#menu
{
	float: left;
	width: 520px;
	height: 50px;
	background: #F4F4F4;
}

#menu ul
{
	height: 5px;
	background: #29A4E1;
	list-style: none;
}

#menu li
{
	display: inline;
	list-style: none;
}

#menu a
{
	display: block;
	float: left;
	height: 30px;
	padding: 15px 15px 0 15px;
	border-top: 5px solid #29A4E1;
	text-decoration: none;
	font-family: "Trebuchet MS" , Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000000;
}

#menu a:hover
{
	background: #DCDCDC;
	border-top-color: #1A7196;
}

#menu .active a
{
	background: #FFA800;
	border-top-color: #E16629;
}

#menu a b
{
	text-decoration: underline;
}

/* Page */

#page
{
	width: 760px;
	margin: 0 auto;
	background: url(images/img03.gif) repeat-y;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}

/* Content */

#content
{
	float: right;
	width: 460px;
	padding: 20px;
	border-bottom: 1px solid #FFFFFF;
}

#content p, #content ol, #content ul
{
	line-height: 152%;
	list-style: none;
	text-align: left;
}

/* Sidebar */

#sidebar
{
	float: left;
	width: 200px;
	padding: 20px;
}

/* News */

#news
{
	padding-top: 10px;
	padding-bottom: 0;
}

#news ul
{
	list-style-type: none;
}

#news li
{
	margin-bottom: 15px;
}

#news h3
{
	margin-bottom: 10px;
	font-size: 92%;
}

#news h3 a
{
	display: block;
}

#news p
{
	font-size: 85%;
}

/* Welcome */

#welcome
{
	margin-bottom: 20px;
}

/* Samples */

#sample1, #sample2
{
	float: left;
	width: 220px;
}

#sample1
{
}

#sample2
{
	margin-left: 20px;
}

/* Footer */

#footer
{
	width: 760px;
	margin: 0 auto;
	padding: 20px 0;
	border-top: 5px solid #E16629;
}

#footer p
{
	text-align: center;
	font-size: 77%;
}
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre 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 aus



Alle Zeitangaben in WEZ +2. Es ist jetzt 16:05 Uhr.