• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

weiße Linien bei Opera

C

Caipi

New member
Hallo zusammen!

Ich habe ein Problem mit der Darstellung meines Designs in Opera. Ich habe 5 Div-Container untereinander, die zusammen die ganze Höhe des Browsers ausfüllen sollen und jeweils die ganze Breite einnehmen. Firefox und der IE7 stellen das schön richtig dar, nur Opera macht mir ab dem 2. Container unter jedem Div-Container eine weiße Linie! (siehe Screenshot im Anhang)

Da ich nach längeren Suchen und Ausprobieren bis jetzt keine Lösung dafür gefunden habe, wollte ich hier mal fragen, ob einer von euch Rat weis?

Meine Datei test.php sieht folgendermaßen aus:
PHP: 
<?php
    error_reporting(E_ALL);
    
    
    echo "<!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.01 Transitional//EN\"\n";
    echo "\"http://www.w3.org/TR/html4/loose.dtd\">\n";
    echo "<html>\n";
    echo "<head>\n";
    echo "		<title>Test</title>\n";
    echo "			<link rel=\"stylesheet\" type=\"text/css\" href=\"./test.css\">\n";
    echo "		<meta http-equiv=\"Content-Type\" content=\"text/html; charset=iso-8859-1\">\n";
    echo "</head>\n";

		echo "<body>\n";
		
		echo "		<div id=\"root\">\n";
		echo "				<div id=\"schwarz1\">\n";
	
		echo "				</div>\n";
		echo "				<div id=\"weiss1\">\n";
		
		echo "				</div>\n";
		echo "				<div id=\"mitte\">\n";
		
		echo "				</div>\n";
		echo "				<div id=\"weiss2\">\n";
		
		echo "				</div>\n";
		
		echo "				<div id=\"schwarz2\">\n";
		
		echo "				</div>\n";
		echo "		</div>\n";
		
		echo "</body>\n";
    echo "</html>\n";
?>

und meine CSS-Datei so:
Code: 
#schwarz1 {
			position:absolute;
			top:0px;
			left:0px;
			height:12%;
			width:100%;
			background-color:#000000;
			color:#FFFFFF;
}
#weiss1 {
			position:absolute;
			top:12%;
			left:0%;
			height:8%;
			width:100%;
			background-color:red;
			color:#000000;
}
#mitte {
			position:absolute;
			top:20%;
			left:0%;
			height:63%;
			width:100%;
			background-color:#009900;
			color:#FFFFFF;
			overflow:auto;
}
#weiss2 {
			position:absolute;
			top:83%;
			left:0%;
			height:7%;
			width:100%;
			background-color:red;
			color:#000000;
}
#schwarz2 {
			position:absolute;
			top:90%;
			left:0%;
			height:10%;
			width:100%;
			background-color:#000000;
			color:#FFFFFF;
}
body { 
		font-family: Arial, sans-serif;
		margin:0;
		padding:0;
		height:100%;
		width:100%;	
}


Vielen Dank schon mal für hilfreiche Antworten!
 

Anhänge

  • opera.png
    opera.png
    19,4 KB · Aufrufe: 5
Caipi schrieb:
Was wäre denn deiner Meinung nach einfacher?
Zum Vergrößern anklicken....
.
PHP: 
#schwarz1 {
   height:12%;
   background:#000;
   }
#weiss1 {
   height:8%;
   background:#ff0000;
   }
#mitte {
   height:63%;
   background:#009900;
   overflow:auto;
   }
#weiss2 {
   height:7%;
   background:#ff0000;
   }
#schwarz2 {
   height:10%;
   background:#000;
   }
 
Du musst dich einloggen oder registrieren, um hier zu antworten.
Zurück
Oben