Hallo ihr Lieben, ich bin leider nicht der Profi wenn es um Darstellung einer Seite geht, bin noch nicht mit Css vertraut und habe folgendes Problem. Die Datei Externer Link wird im Firefox und Google Crome richtig angezeigt wie ich das möchte, nur im Internet Explorer nicht. Kann mir jemand helfen die Datei umleitungstyle.css anzupassen so das es in jedem Browser richtig angezeigt wird. Ich weiß das -moz-border-radius: 5px; und -khtml-border-radius: 5px;
nur im Firefox und Google Crome angezeigt wird aber dies finde ich nicht mal so schlimm. Würde mich freuen wenn mir jemand sagen kann was falsch am Code ist oder mir hilft vielen Dank.
Externer Link
umleitungstyle.css
nur im Firefox und Google Crome angezeigt wird aber dies finde ich nicht mal so schlimm. Würde mich freuen wenn mir jemand sagen kann was falsch am Code ist oder mir hilft vielen Dank.
Externer Link
PHP-Code:
<html>
<head>
<title>Externer Link</title>
<link rel="shortcut icon" href="./img/favicon.png" />
<?php
if (strpos($_GET['url'], '..') === false) {
?>
<?php
}
?>
<link href="./styles/white/umleitungstyle.css" rel="stylesheet" type="text/css"/>
</head>
<body id="body_id">
<div id="umleitung">
<?php
if (strpos($_GET['url'], '..') !== false) {
?>
<img src="./img/logo.png" width="240" height="60" alt="Logo <? echo $_SERVER["HTTP_HOST"]; ?>">
<p>Dieser Link ist in unserem System gesperrt worden!</p>
<?
}
else {
?>
<img src="./img/logo.png" width="240" height="60" alt="Logo <? echo $_SERVER["HTTP_HOST"]; ?>">
<p>Du hast gerade auf einen Link in unserem Chat geklickt.</p>
<p>Wir sind für die Inhalte auf dieser Seite nicht verantwortlich.</p><br />
<?
}
?>
<br>
<button type="button" onclick="self.location.href='http://<?=$_GET['url']?>'">weiter</button>
</div>
</body>
</html>
umleitungstyle.css
PHP-Code:
body {
background: #fff; color: #333; font: normal 62.5%/1.334 arial, "Liberation Sans", sans-serif; text-align: center;
}
#body_id{
height: 100%;
margin: 0px auto;
background-image: url('../../img/bg.png');
background-repeat: repeat-x;
}
div {
width: 63.1em;
padding: 2.2em;
margin: 2em auto 0;
border: 1px solid #bebebe;
text-align: left;
}
#umleitung {
width: 40.3em;
/*min-height: 285px;*/
padding-right: 250px;
background: white url('../../img/umleitung.png')
no-repeat right bottom;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
}
p {
margin: 0 5px 1em;
font-size: 1.2em;
}
img {
margin-bottom: 12px;
border: 0;
}
a {
color: #135aa0; white-space: nowrap;
}
a:link, a:visited, .button:hover, .button:active, .button:focus {
text-decoration: none;
}
a:hover, a:active, a:focus {
text-decoration: underline;
}
input, textarea, select, button{
color: #000000;
font-size: 12px;
border: 1px solid #bebebe;
font-family: verdana, helvetica, sans-serif;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
}
Kommentar