Antworten zum Thema „Browser Probleme“

ghost90 · 15.08.2008

Hallo Leute,

ich hab auf meiner seite 4 div-container.

2 davon werden im IE größer dargestellt und im FF kleiner

Code:

#main_window {
    position:absolute;
    background-color:#666666;
    top:157px;
    left:239px;
    width:794px;
    height:343px;
    z-index:2;
    border:double;
    border-color: #c0dB5A;



 }
 #main_window_title
  {
  background-color:#333333;
  width:100%;
  }
  #main_window_content 
  {
  top:0px;
  left:0px;
  width:100%;
  height:96.5%;

  overflow:auto;
  }
  
  #gal_window {
    position:absolute;
    background-color:#666666;
    top:25px;
    left:17px;
    width:1180px;
    height:81px;
    z-index:2;
    border:double;
    border-color: #c0dB5A;



 }
 #gal_window_title
  {
  background-color:#333333;
  width:100%;
  }
  #gal_window_content 
  {
  width:100%;
  height:100%;

  overflow:auto;
  }

Mach ich irgendwas falsch ?

ghost90 · 15.08.2008

AW: Browser Probleme

aber mein code sieht so aus :

Code:

<div id="gal_window">
<div id="gal_window_title"><h1 id="nav">Galerie</h1></div>
<div id="gal_window_content">
<div style="margin-top:5px"> <marquee onmouseover="this.scrollAmount=0" onmouseout="this.scrollAmount=6"><?php
$path="Bilder";
if ($handle = opendir($path)) {
$i = 0;
while (false !== ($file = readdir($handle))) {
if (is_file($path."/".$file))
{
echo "<div class='thumbnail'>
        <a href='$path/$file' rel='lightbox[roadtrip]'><img src='$path/$file' height='50' border='0' /></a></div>";}
}
}
?></marquee></div>




 </div>

der Div Container mit den Prozenten ist in einem fest definierten Container

rooney85 · 15.08.2008

AW: Browser Probleme

Hier, warum wird meine Antwort einfach gelöscht? Was soll das? Es gibt gravierende Unterschiede zwischen den einzelnen IE-Brwosern! Meine kurze Frage war berechtigt!!!

so... das kommt in deine php-Datei:

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<title>Test</title>
	
	<link type="text/css" rel="stylesheet" media="screen" href="style.css" >
	<!--[if lte IE 7]>
            <style type="text/css">@import url(ie7_fix.css);</style>
          <![endif]-->

</head>
<body>


<div id="gal_window">
	<div id="gal_window_title"><h1 id="nav">Galerie</h1></div>
	<div id="gal_window_content">

		<div style="margin-top:5px"> <marquee onmouseover="this.scrollAmount=0" onmouseout="this.scrollAmount=6"><?php
			$path="Bilder";
			if ($handle = opendir($path)) {
			$i = 0;
			while (false !== ($file = readdir($handle))) {
			if (is_file($path."/".$file))
			{
			echo "<div class='thumbnail'>
			        <a href='$path/$file' rel='lightbox[roadtrip]'><img src='$path/$file' height='50' border='0' /></a></div>";}
			}
			}
			?></marquee></div>

		 </div>
	</div>
 </div>
 
 </body>
 </html>

Ganz wichtig ist der Doctype. Für IE 8 brauchst du keine Ausnahme schreiben, aber für alle IE-Browser, die vor der 7 waren -> siehe

Code:

<!--[if lte IE 7]>
            <style type="text/css">@import url(ie7_fix.css);</style>
<![endif]-->

Du legst dir eine neue CSS-Datei an (ich habe sie ie7_fix.css genannt) und schreibst:

Code:

#gal_window_title{
	margin-top: 18px;
}

rein.

Deine normale CSS-Datei sieht, wie folgt aus:

Code:

body {
	marign: auto;
}

#gal_window {
    position:absolute;    
    top:25px;
    left:17px;
    width:1180px;
	
	background-color:#666;
	border: 1px double #c0db5a;
}

#gal_window_title  {
	background: red;
}

#gal_window_content   {
	background: #fff;
}

Die Hintergrundfarbe von gal_window_title kannst du wieder ändern, war nur für mich zum Testen.

ghost90 · 15.08.2008

AW: Browser Probleme

JEtzt hab ich die prozent zahlen runtergeschraubt und jetzt ists anders rum... im ff größer im ie kleiner

rooney85 · 15.08.2008

AW: Browser Probleme

ghost90 schrieb:
JEtzt hab ich die prozent zahlen runtergeschraubt und jetzt ists anders rum... im ff größer im ie kleiner

die Prozentangaben werden nicht hinhauen! du drehst dich immer Kreis.