IE7 Darstellungsprobleme

BendOr

hi html-pros

Wie ich u.a. mit Hilfe dieser ( http://meineipadresse.de/netrenderer/index.php ) website feststellen konnte, ist meine homepage ( http://www.cm-logic.net ) im ie7 um einige wenige pixel verschoben...
wie der footer aussieht, kann ich im moment leider nicht feststellen, ie7 installation mag bei mir nicht funktionieren

das problem ist, die page wird im ff und im ie6 richtig dargestellt, nur der ie7 macht probleme

vll hat sich jemand damit schonmal auseinandergesetzt oder kann mir da behilflich sein
ziel ist es natürlich, dass die korrekte darstellung im ff und im ie6 bestehen bleibt !

ich poste anhängend die relevanten quelltext-auszüge

danke schonmal die eure hilfe
mfg

index.php

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
       "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
		<title><?=$title;?> | CM-Logic » Homepagegestaltung & Webdesign Oldenburg</title>
		<meta HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
		<meta HTTP-EQUIV="Language" CONTENT="de">
		<meta HTTP-EQUIV="Pragma" CONTENT="no-cache">
		<meta NAME="allow-search" content="YES">
		<meta NAME="description" CONTENT="CM-Logic, hochwertige Homepages zu einem guten Preis!">
		<meta NAME="page-type" CONTENT="Webdesign-Firma">
		<meta NAME="audience" CONTENT="All">
		<meta NAME="content-language" CONTENT="DE">
		<meta NAME="author" content="Phillip Dupak, Sascha Fatikow">
		<meta name="copyright" content="cm-logic.net">
		<meta name="page-topic" content="Webdesign, Design, Homapage, HP-Coding">
		<meta NAME="keywords" CONTENT="Webdesign in Oldenburg, Homepage-erstellung, Homepages, Webdesign, CM-Logic, cml, cmlogic, Webgestaltung">
		<link rel="stylesheet" type="text/css" href="style.css">
		<link rel="stylesheet" type="text/css" href="menu.css">
		<link rel="stylesheet" type="text/css" href="preise.css">
		<script type="text/javascript" language="javascript" src="scripte.js">
		</script>
	</head>
	<body>	
	<center>


			<div id="logo"></div>


	

				<div id="menu">
					<div id="inner_menu">
					<ul id="menu2">
						[*][url='index.php?page=index']Willkommen[/url]
						[*] - 
						[*][url='index.php?page=about']Über uns[/url]
						[*] - 
						[*][url='index.php?page=leistungen']Leistungen[/url]
						[*] - 
						[*][url='index.php?page=preise']Preise[/url]
						[*] - 
						[*][url='index.php?page=referenzen']Referenzen[/url]
						[*] - 
						[*][url='index.php?page=kontakt']Kontakt[/url]
						[*] - 
						[*][url='index.php?page=impressum']Impressum[/url]
					[/list]
					</div>
				</div>


	

			<div id="content">
				<div id="innercontent">
				<div style="padding-left:107px;padding-top:10px;"><?=$title;?></div>
				<hr style="border:dotted #69A3D6 1px;height:1px;width:610px;margin-left:108px;">


				    <div id="textcontent">






					</div>
				</div>
			</div>



			<div id="admincp">
			[url='index.php?page=login']Admin[/url]
			</div>



			<div id="footer"> </div>

	</center>
	</body>
</html>

Alles anzeigen

style.css

Code

*
{


	font-family:				verdana, arial, sans-serif;
	font-size:					13px;
}


html, body
{
	height:						100%;
}


body
{
	background-color:			#ffffff;
	color:						#134574;
	margin:						0;
}


table
{
	border-collapse:  			collapse;
	border-spacing:   			0px;
}


tr, td, th
{
	font-family:      			verdana, arial, sans-serif;
	font-size:        			13px;
}




img
{
	border:           			0px;
}


a:link, a:visited, a:active
{
	color:						#69A3D6;
	text-decoration:			none;
	font-weight:				bold;
}


a:hover
{
	color:						#134574;
	text-decoration:			underline overline;
}


#page
{
	text-align:					center;
}


#logo
{
	background:					url('Bilder/neu_allerneu4_slice_02.gif');
	width:						819px;
	height:						122px;		
}


#content
{
	background:					url('Bilder/neu_allerneu4_slice_05.gif') repeat;
	margin:						0;
	width:						819px;
	height:						100%;
	min-height:					800px;
	text-align:					left;
	margin-left:				1px;
}


#innercontent
{
	padding-left:				2px;
	padding-top:				3px;
	padding-right:				100px;
	text-align:					justify;
}


#textcontent
{
	padding-left:				107px;
}


#admincp
{
	background:					url('Bilder/neu_allerneu4_slice_05.gif') repeat;
	width:						819px;
	color:						#ffffff;
	text-align:					left;
}	


#footer
{
	background:					url('Bilder/neu_allerneu4_slice_07.gif');
	margin:						0;
	width:						819px;
	height:						26px;	
}


.center
{
	text-align:					center;
}


.center table
{	
	text-align:					left;
	margin:						0 auto;
}


a.weiss
{
	color:						#ffffff;
	text-decoration:			none;
}


a:link.weiss, a:hover.weiss, a:visited.weiss, a:active.weiss
{
	color:						#ffffff;
	text-decoration:			none;
}


a.nichts
{
	text-decoration:			none;
	color:						#000000;
}


a:link.nichts, a:hover.nichts, a:visited.nichts, a:active.nichts
{
	text-decoration:			none;
	color:						#000000;	
}


h1.top
{
	color:						#000000;
	font-size:					30px;
}


h2.sub
{
	font-size:					22px;
}


h2.sub_small
{
	font-size:					18px;
}


h2.sub_big
{
	font-size:					26px;
}


span.a1
{
	padding-left:				3px;
	padding-right:				3px;
}
div.ref_aussen
{
	border: 					1px solid black;
	width:						200px;


}
div.ref_aussen2
{
	border: 					1px solid black;
	width:						290px;
}


div.ref_bild
{
	padding:					20px;
}
div.ref_bild2
{
	padding:					20px;
}
div.ref_text
{
	padding:					20px;
	padding-left:				5px;


}
div.ref_innen
{
	padding-left:				20px;
}
div.ref_innen2
{
	padding-top:				2px;
}
.tooltip 
{
	position: 					absolute;
	display: 					none;
	background-color: 			#FFFFFF;
}

Alles anzeigen

menu.css

Code

#menu
{
	background:		    url('Bilder/neu_allerneu4_slice_04.gif') no-repeat;
	clear:				both;
	margin:				0;
	padding:			0px 0 0 0px;
	width:				819px;
	height:				60px;
}


#inner_menu
{
    padding-top:		5px;
	padding-left:		0px;
	text-align:			center;
}


#menu li
{
	display:			inline;
}

Alles anzeigen

eine eigentlich unwichtige beispiel-include-seite

PHP

<center>Herzliche Willkommen!


Leider müssen Sie sich noch ein wenig gedulden, um unsere fertige Internetpräsenz sehen zu können. Wir arbeiten daran! Vielen Dank</center>
<?php
if(check_login()) { ?>
	<center><span class="a1">[- [url='xyz']Kunden- & Rechnungssystem[/url] -]</span>


</center>
<?php
} ?>

Alles anzeigen

danke !

chris90night

Die ganzen Padding-Angaben verursachen wahrscheinlich die Probleme ...
Die solltest umgehen oder Browser-Hacks benutzen ...

Warum funktioniert bei dir net die installation vom IE7?

BendOr

was bringen mir browser hacks ?
ich will ja nicht, dass es nur bei mir richtig dargestellt wird, sondern bei allen

und wieso sollten die padding-sachen stören ? gibts da ne begründung für oder einfach nur so ?

chris90night

So, wie es bei dir aussieht, so sieht es auch bei anderen aus ...
Browser Hacks bringen sehr viel, besonders um auch bei dem Internet Explorer die Bugs verschwinden zu lassen!

Die padding-Sachen stören deshalb, weil z.B. der IE6 das Boxmodell falsch interpretiert.

sejuma

Zitat von chris90night

Die padding-Sachen stören deshalb, weil z.B. der IE6 das Boxmodell falsch interpretiert.

Das ist ein altes Märchen. Der IE 6 interpretiert auch das Boxmodell richtig, sofern man einen richtigen Standard-Doctype angegeben hat, was hier der Fall ist.
Unabhängig davon hat der IE6 aber dennoch einige Bugs, die sich i.d.R. beheben lassen.
Im FF und IE6 kann ich keine Unterschiede erkennen. IE7 habe ich momentan nicht für einen Zugriff.

chris90night

Hier ein kleiner Tipp, wie man alle Versionen des IE auf einen Rechner kriegt:

http://tredosoft.com/Multiple_IE

Finde ich ein sehr hilfreiches Tool!

BendOr

das is mir ja egal, wie der ie6 das boxmodell interpretiert, im ie6 geht ja alles

kann aber tatsächlich an den padding einstellungen liegen, war schon ne scheiss arbeit, die darstellung im ie6 hinzukriegen
werd morgen nochmals probieren, nur da der ie7 bei mir nicht läuft, dauert das ewig und ist verdammt unpraktisch

chris90night

Warum funktioniert der bei dir nicht?

BendOr

installation geht nicht, fehler hab ich vergessen, aber das ist im moment auch unwichtig

mein problem ist auch nicht, dasss der ie7 nicht geht, sondern das meine homepage nicht korrekt dargestellt wird
ich behalte den ie6 eh erstmal. ich surfe mit dem firefox, der ie6 ist nur zum anschauen von meinen websites, ob alles geht. wenn dann kommt der ie7 irgendwann mal _zusätzlich_ druff

wäre nett, wenn jemand einen vorschlag zu meinem (eigentlichen) problem machen könnte, trotzdem danke schonmal

BendOr

so, ich hab das probelm herausfiltern können

es ist folgendes div:

Code

#content
{
	background:					url('Bilder/neu_allerneu4_slice_05.gif') repeat;
	margin:						0;
	width:						819px;
	height:						100%;
	min-height:					800px;
	text-align:					left;
	margin-left:				1px;
}

wenn ich margin-left auf 0px stelle geht alles im ie7, aber dann ist es im ie6 um einen pixel verschoben...

naja, werde mal schaun ob sich da ne browserweiche einbauen lässt
trotzdem danke für eure hilfeversuche

jojo87

sollte mit Browserweiche überhaupt kein Problem sein:

Code

<!---[if ie 7]>
<style type etc...>
#content { margin-left:0px; }
</style>
<![endif]--->

Wenn dir das überhaupt jemand erklären muss
Gruß,
Jojo

IE7 Darstellungsprobleme

Tags

Benutzer online in diesem Thema