zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden IE7 Problem mit em Höhen

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 25.08.2008, 17:19
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 29.07.2008
Beiträge: 6
Kekami befindet sich auf einem aufstrebenden Ast
Standard IE7 Problem mit em Höhen

Hallo,

ich versuche grade eine Webseite komplett Größen skalierbar zu machen. Genauer gesagt, die Schriftgröße verändern und es sieht trotzdem gut aus. Beispiel wie beim WDR.de.

Ich habe jetzt das Problem, dass es im IE7 nicht funktioniert. Ich arbeite mit "em", damit sich alles gleichmäßig mitvergrößert. Nur im IE7 verändert sich das Bild nicht richtig mit dem Div-Tag, wodurch der Hintergrund viel stärker skaliert als das Bild.

Woran kann es liegen? Brauch ich für IE7 ein Hack?



Hier Code und Beispiel:
Beispiel

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="de" xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Skalierungs Test</title>

<style type="text/css">
* {
	margin: 0;
	padding: 0;
}
html {
	margin: 0;
	padding: 0;
}
body {
	margin:0;
	padding: 0;
	font: 100.01%/1.5em Verdana, Arial, Helvetica, sans-serif;
	background-color: #B8E9FF;
	text-align:center;
}
a {
	color: #000000;
}
img {
	border: 0;
}
input, textarea, select {
	font-size: 1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/**/
#wrapper {
	margin:0 auto;
	width: 48.75em;
	text-align:left;
	background-color: #BD0000;
}

#header {
	position:relative;
	width: 100%;
	height: 8.0625em;
}

#testblock {
	width:2em; 
	height: 6em; 
	background:#FFFF00;
}

#testbild {
	width: 10.6875em; 
	height: 8.0625em; 
}
</style>
</head>

<body>
<div id="wrapper">
	<div id="header">
		<img src="zuhoeren.jpg" id="testbild" />
	</div>
</div>
</body>
</html>
bin für jede Hilfe dankbar!
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 25.08.2008, 18:13
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

Ich kann das beschriebene Problem sehen, wenn ich die Zoom-Funktion des IE 7 nutze -- nicht jedoch bei reiner Schriftvergrößerung. Richtig?
Dieses Zoom-Problem sollte sich mit position:relative für body beheben lassen.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 25.08.2008, 18:38
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 29.07.2008
Beiträge: 6
Kekami befindet sich auf einem aufstrebenden Ast
Standard

Klasse! So schnell gelöst!

Vielen Dank!!
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


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
IE7 - Problem mit Kopf / Navigationsliste Guitarrero CSS 4 06.12.2009 15:09
Position Problem im IE7, Firefox und IE8 funktioniert christof11 CSS 1 07.09.2009 15:23
Tabelle Problem Firefox vs. IE7 FeriX CSS 7 30.06.2009 15:36
Performance Problem im IE7 in Zusammenhang mit CSS RouL CSS 2 30.07.2007 12:36
Problem mit Menü Navi im IE6 und IE7 paul79 CSS 7 17.08.2006 19:03


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