Hi,
also ich habe ein Problem, ich habe mir jetzt ein CSS Layout erstellt, oder besser gesagt zumsammengeschnitten. Das Problem, im Mozilla habe ich keine Probleme damit, aber im IE wird es nicht richtig angezeigt und auch viel größer als im Mozilla.
Vielleicht könnt ihr mir helfen:
also ich habe ein Problem, ich habe mir jetzt ein CSS Layout erstellt, oder besser gesagt zumsammengeschnitten. Das Problem, im Mozilla habe ich keine Probleme damit, aber im IE wird es nicht richtig angezeigt und auch viel größer als im Mozilla.
Vielleicht könnt ihr mir helfen:
PHP-Code:
<?php
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN""
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Zweispaltiges Layout mit fester Breite</title>
<style type="text/css">
body {
color: black; background-color: white;
font-size: 100.01%;
font-family: Helvetica,Arial,sans-serif;
margin: 0; padding: 1em 0;
text-align: center; /* Zentrierung im Internet Explorer */
}
div#Seite {
text-align: left; /* Seiteninhalt wieder links ausrichten */
margin: 0 auto; /* standardkonforme horizontale Zentrierung */
width: 85%;
height:500px;
padding: 0.5em;
border: 2px ridge silver;
}
html>body div#Seite {
border-color: gray; /* Farbangleichung an den Internet Explorer */
}
ul {
list-style: none;
width: 25%;
border-bottom: 1px solid #ccc;
font-size:5px;
font-size: 0.91em;
float: left;
width: 10em;
margin: 0; padding: 0;
border-right: 1px groove black;
}
ul li {
position: relative;
}
ul li a {
display: block;
text-decoration: none;
color: #777;
background: #fff; /* IE6 Bug */
padding: 5px;
border: 1px solid #ccc;
border-bottom: 0;
font-size:10px;
}
ul li a:hover { color: #E2144A; background: #f9f9f9; }
li ul li a { padding: 2px 5px; }
li:hover ul, li.over ul { display: block; }
div#Inhalt {
margin-left: 12em;
padding: 0 1em;
height:500px;
border-left: 1px groove silver;
}
div#Inhalt h1 {
font-size: 1.5em;
margin: 0 0 1em;
}
div#Inhalt h2 {
font-size: 1.2em;
margin: 0 0 1em;
}
div#Inhalt p {
font-size:1em;
margin: 1em 0;
}
</style>
</head>
<body>
<div id="Seite">
<ul id="nav">[*][url="#"]Home[/url][*][url="#"]About[/url][*][url="#"]Services[/url][*][url="#"]Contact Us[/url][/list]
<div id="Inhalt">
<h1>CSS-basierte Layouts</h1>
<h2>Seite mit fester Breite</h2>
Diese Seite ist hat eine feste Breite von 760px und ist zentriert.</p>
Die Breite ist so gewählt, dass in 800px breiten Fenstern nicht horizontal
gescrollt werden muss und auch ein Ausdruck keine Probleme bereiten sollte.</p>
</div>
</div>
</body>
</html>
?>
Kommentar