ich klopps echt bald in die Tonne!!
in Opera8.5 sieht es genau so aus, wie ich es möchte, auch im FF1.5.03 , aber im IE 6.0 nicht... Da ich auf meine Page kein "zu Cool für IE" pappen will, brauche ich hilfe ....:oops:
hierum gehts: http://www.spiegelland.de.hm
PHP
/*
Note:
To show various CSS properties specifically to Windows IE, the "star html" hack is used:
.cssclass { ... } // Moz, Saf, Opera
* html .cssclass { ... } // Win IE
*/
/* Basics
------------------------------------------*/
html { /* This forces the vertical scrollbar, preventing a page "jog" */
/* IE */
overflow-y: scroll;
/* Moz */
height: 100%;
margin-bottom: 0.0001em;
}
/* Reset Margins & Paddings for all */
* { margin: 0; padding: 0; }
/* Positioning
------------------------------------------*/
body {
text-align: center; /* Centers in IE 5 */
padding-bottom: 4em; /* Add some extra scroll space */
}
#wrapper {
margin: 0 auto;
}
#body {
text-align: left;
margin: 0 auto 0 auto;
}
#sidebar ul, #sidebar li {
list-style: none;
}
#main {
margin: 0 0 .8em 0;
}
#footer {
clear: both;
text-align: center;
}
#footer a {
text-decoration: none;
}
.entry-meta {
clear: both;
}
/* Sidebar
------------------------------------------*/
#sidebar ul.inner {
margin: 0;
}
#sidebar ul.inner ul {
margin: .4em .8em 1.6em .8em !important;
}
#sidebar ul.inner ul li {
padding-bottom: 0 !important;
}
#sidebar ul.inner ul ul.children {
margin: 0 1.6em !important;
}
#sidebar ul.inner ul ul.children li {
margin: .4em 0 0 0;
}
/* Content box used everywhere */
.box, .box-blank, #sidebar ul.inner li {
text-align: left;
padding: .8em;
margin: 0 0 .8em 0;
}
.box-blank {
background: none;
}
.box::after, .box-blank::after { /* Auto clearing float for Moz */
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
* html .box { /* Auto clearing float for IE */
height: 1%;
}
/* Header
------------------------------------------*/
/* Logo */
h1 {
text-align: left;
margin: .8em 0 0 2em;display: none;
}
h1 a:link, h1 a:visited, h1 a:hover, h1 a:active {
text-decoration: none;
}
#menu {
margin: 1em 0 1em 2em;
float: left;
}
* html #menu { margin: 1em 0 .8em .5em; } /* IE only */
#searchbox {
vertical-align: top;
margin: 1em 2.5em 0 0;
float: right;
text-align: right;
padding: 2px 6px 2px 20px;
top: -2px;
position: relative;
}
* html #searchbox { margin: 1em .8em 0 0; width: 30%; } /* IE only */
#header {
height: 200px;
clear: both;
margin: 0 0 .8em 0;
}
#menu, #searchbox {
text-transform: lowercase;
}
#menu {
max-width: 530px;
}
#menu ul, #menu ul li {
list-style: none;
display:inline;
}
#menu a {
float: left;
display: block;
text-decoration: none;
padding: 0 .6em;
}
#searchbox fieldset {
border: 0;
background: none;
padding: 0;
}
#searchbox legend {
display: none;
}
#searchbox form, #searchbox input {
display: inline;
}
/* Text, Headings & Formatting
------------------------------------------*/
h2 {
margin: .4em 0;
}
h2 a:link, h2 a:active, h2 a:visited {
text-decoration: none;
padding: .4em 0;
}
h2 a:hover, h2 a:focus {
text-decoration: underline;
}
h3, h4 {
margin: 0 0 0.6em 0;
font-weight: bold;
font-size: 100%;
}
#main h3 {
margin: 1.6em 0 0.8em 0;
}
.noteworthy {
display: block;
float: right;
margin: .4em;
}
.noteworthy a {
padding: .4em;
text-decoration: none !important;
}
.clear {
clear: both;
}
/* Various
------------------------------------------*/
img {
border: 0;
}
#main p a img {
padding-bottom: 2px;
}
#main p a img:hover {
padding-bottom: 2px;
}
hr { /* Shown only to CSS disabled browsers, making it slightly tidier */
display: none;
}
acronym, abbr {
font-size: 100%;
}
acronym, abbr, span.caps {
cursor: help;
}
small {
font-size: 85%;
line-height: 200%;
}
cite {
font-size: 90%;
font-style: normal;
}
strike, del {
text-decoration: line-through;
}
ins {
text-decoration: none;
}
label {
cursor: pointer;
}
ul {
margin: .8em;
}
#sidebar ul.inner ul {
margin: .4em .8em;
}
#sidebar ul.inner ul li {
margin: .4em 0;
padding: .2em 0;
}
dl {
margin: 0 .8em;
}
dt {
font-weight: bold;
}
dd {
margin: 0 1.6em;
}
code, pre, kbd {
font-size: 105%;
}
p, pre, kbd, blockquote, .notice {
margin: 1.6em 0;
}
#sidebar p {
margin: 0 0 1.6em 0;
}
pre, blockquote {
padding: 0 1.6em;
margin-left: 3%;
}
pre {
overflow: auto;
}
blockquote[cite]:after {
content: "\00BB \0020 Source: " attr(cite);
display: block;
margin-top: 0.8em;
font-size: 90%;
}
fieldset {
padding: 0 .8em .4em .8em;
}
legend {
font-weight: bold;
padding: 0 .4em;
}
/* Feed Icons */
.feedicon {
width: 16px;
height: 16px;
}
#categorylist img {
width: 10px;
height: 10px;
}
.feeds a {
padding: 1px 0 2px 0;
}
.feeds img {
vertical-align: middle;
margin-top: -3px;
}
#categorylist img {
vertical-align: middle;
margin: 0 .25em;
}
#sidebar .feedicon {
position: relative;
float: right;
top: -2.4em;
}
/* Alignments (Use in Posts)
------------------------------------------*/
.align-left {
padding-right: .8em;
float: left;
}
.align-right {
padding-left: .8em;
float: right;
}
.align-center {
margin: 0 auto;
display: block;
}
.column-left {
float: left;
width: 50%;
}
.column-right {
float: right;
width: 50%;
}
ul.column-right, ul.column-left {
margin: 0;
padding: 0;
}
/* List Items
------------------------------------------*/
html>body #main ul {
list-style: none;
text-indent: -1em;
}
#main ul {
margin-left: 0;
padding-left: 1em;
}
* html #main ul { list-style: square; } /* IE only */
#main ul li {
margin-left: 1em;
margin-bottom: 1.6em;
}
#main ul li::before, #sidebar ul li.page_item::before { /* Show right angle quotes to cool browsers */
content: "\00BB \0020";
}
ol {
margin: 0 0 .8em 1em;
padding-left: 2em;
}
#main ol li {
margin-bottom: 1.6em;
}
/* Forms
------------------------------------------*/
input, select, textarea {
font-size: 100%;
line-height: 100%;
}
.inputbox, #commentform textarea, .searchbox {
padding: 1px 2px;
}
#commentform {
display: inline;
}
#commentform textarea {
padding: 2px;
-moz-box-sizing:border-box; /* Mozilla: Change Box Model Behaviour */
width: 100%; /* Moz Only */
}
* html #commentform textarea { width: 97%; } /* IE only */
.inputbox {
width: 160px;
}
.pushbutton, .pushbutton-wide {
cursor: pointer;
}
.pushbutton-wide {
padding: .6em 2em;
}
.checkbox {
cursor: pointer;
}
/* Search Page */
.searchbox {
width: 80%;
}
.search-results p {
display: inline;
}
.highlight {
text-decoration: none;
color: #989D3C;
}
/* Main Entries
------------------------------------------*/
.entry-date {
width: 120px;
float: right;
margin: 0;
padding-left: .8em;
}
.entry-date p {
overflow: hidden !important;
margin: 0;
}
.entry-date p span {
display: block;
padding: 0.4em 0;
}
.entry-date p a:link, .entry-date p a:active, .entry-date p a:visited {
border-bottom: 0;
display: block;
text-decoration: none;
padding: 0.4em 0;
}
.entry-date p a:hover, .entry-date p a:focus {
text-decoration: underline;
}
/* Trackbacks */
#trackbacklist {
margin-left: 0;
padding-left: 0;
}
#trackbacklist li {
margin-left: 0;
padding: 0;
margin-top: .8em;
list-style: none;
}
#trackbacklist li a {
padding: .4em;
display: block;
text-decoration: none;
}
#trackbacklist li p {
padding: 0 .4em;
}
#trackbacklist li a span {
text-decoration: underline;
}
/* Wordpress Calendar
------------------------------------------*/
#wp-calendar {
empty-cells: show;
width: 100%;
}
#wp-calendar #next a {
padding-right: 1em;
text-align: right;
}
#wp-calendar #prev a {
padding-left: 1em;
text-align: left;
}
#wp-calendar a {
display: block;
font-weight: bold;
}
#wp-calendar a:hover {
text-decoration: none !important;
}
#wp-calendar caption {
text-align: left;
width: 100%;
}
#wp-calendar td {
padding: .3em 0;
text-align: center;
}
/* For Plugins
------------------------------------------*/
/* Recent Activity */
ul#recent-activity {
margin: 0 !important;
padding: 0 !important;
list-style: none;
}
ul#recent-activity li {
font-size: 100%;
margin: 0 !important;
padding: 0 !important;
}
ul#recent-activity small {
font-size: 85%;
padding-left: .8em;
}
