Asterixus
Aktives Mitglied
Hallo,
ich habe ein Problem:
Ich habe eine Struktur zusammengebaut (durch CSS und HTML), doch diese funktioniert, zum ersten Mal in meinem Leben, nur in Internet Explorer. In Firefox, Opera und Safari funktioniert das nicht. Hier erstmal der HTML-Code:
Hier der CSS-Code:
Resultat:
Klick mich, ich bin ein Link
Das sollte man mal mit Internet Explorer anschauen und dann im Firefox und schon sieht man, was nicht stimmt.
Danke im Voraus und mit freundlichen Grüßen,
Asterixus
ich habe ein Problem:
Ich habe eine Struktur zusammengebaut (durch CSS und HTML), doch diese funktioniert, zum ersten Mal in meinem Leben, nur in Internet Explorer. In Firefox, Opera und Safari funktioniert das nicht. Hier erstmal der HTML-Code:
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>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Titel</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body><div class="banner"></div>
<div class="main"><div class="menue">
<p><strong>Menü:</strong></p>
</div>
Was ist denn los? </div>
</body>
</html>
Code:
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
background-color: #E0DFE3;
margin: 2px;
padding: 2px;
border: 0px none #000000;
}
.main {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #330720;
background-color: #E0DFE3;
border: 1px solid #330720;
margin: 0px auto;
width: 750px;
position: relative;
min-height: 200px;
top: 0px;
}
.menue {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #330720;
background-color: #EFEEFE;
width: 200px;
position: relative;
top: 0px;
border-top-width: 0px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 0px;
border-top-style: dashed;
border-right-style: dashed;
border-bottom-style: dashed;
border-left-style: none;
border-top-color: #B0ACB0;
border-right-color: #B0ACB0;
border-bottom-color: #B0ACB0;
border-left-color: #B0ACB0;
left: 0px;
margin: 0px;
padding: 0px;
}
.banner {
background-image: url(img/banner.png);
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
height: 75px;
width: 750px;
position: relative;
}Klick mich, ich bin ein Link
Das sollte man mal mit Internet Explorer anschauen und dann im Firefox und schon sieht man, was nicht stimmt.
Danke im Voraus und mit freundlichen Grüßen,
Asterixus
