nachdem Ihr Hier mir schon so gut geholfen habt, habe ich nun das Style nochmal umgearbeitet und jetzt gibts mal wieder unerwartete probleme
Wie der Titel schon sagt sollte die HP aussehen wie im aktuellen FF, Chrome oder in IE9. Da bin ich Glücklich. Nur sollte die HP jetzt auch in Opera und IE7+8 gut ausschauen und ich hab keine ahnung was ich da an meinem Code noch ändern soll das das passt (da ich ja wie gesagt noch ein Anfänger bin..)
Hab das ganze schon durch den W3C Validator laufen lassen, aber groß gemeckert hat er nicht..
Ich hoffe das der Code nicht so stümperhaft ist, dass man alles umschreiben muss (zumal es in FF und Chrome doch tut..)
Das CSS ist hier:
HTML-Quellcode
- @charset "utf-8";
- /* CSS Document */
- html, body, div, span, applet, object, iframe,
- h1, h2, h3, h4, h5, h6, p, blockquote, pre,
- a, abbr, acronym, address, big, cite, code,
- del, dfn, em, font, ins, kbd, q, s, samp,
- small, strike, strong, sub, sup, tt, var,
- dl, dt, dd, ol, ul, li,
- fieldset, form, label, legend,
- table, caption, tbody, tfoot, thead, tr, th, td {
- border: 0;
- font-family: inherit;
- font-size: 100%;
- font-style: inherit;
- font-weight: inherit;
- margin: 0;
- outline: 0;
- padding: 0;
- vertical-align: baseline;
- }
- html {
- overflow-y: scroll;
- }
- body {
- background-image:url(marmor.jpg);
- height:100%;
- width:100%;
- margin:0;
- }
- span.H1 {
- font-family: 'Yanone Kaffeesatz', sans-serif;
- font-size:1.3em;
- }
- p{
- font-family: 'Karla', sans-serif;
- font-size:0.9em;
- }
- #p2{
- font-family: 'Karla', sans-serif;
- font-size:1em;
- }
- #langtext {
- width:600px;
- text-align:left;
- float:left;
- width: 20em;
- margin-left: 40px; padding: 0;
- }
- #maintext {
- width:300px;
- text-align:left;
- float:left;
- margin-left: 40px; padding: 0;
- }
- #rechtinhalt {
- width:300px;
- text-align:left;
- float:right;
- margin: 0 20px 0 0;
- }
- #rechtinhalt2 {
- width:300px;
- text-align:right;
- float:right;
- margin: 0 80px 0 0;
- }
- #mittinhalt
- {
- width:300px;
- text-align:left;
- float:right;
- margin: 0 20px 0 0;
- position:relative;
- margin-top: 5px;
- float:center;
- }
- #page {padding:0;background-color:#EFEFEF; background-repeat:repeat;
- -webkit-box-shadow: 0px 5px 10px #000000; /* webkit browser*/ -moz-box-shadow: 0px 5px 10px #000000; /* firefox */ box-shadow: 0px 5px 10px #000000;}
- #page_margins {
- width: 800px;
- min-width: 800px;
- margin:0 auto;
- text-align:left;
- }
- #nav_main ul {
- list-style: none;
- padding: 0;
- margin: 0;
- }
- #nav_main li {
- float: left;
- margin: 0 0.15em;
- }
- #nav_main li a {
- height: 0.5em;
- line-height: 2em;
- float: left;
- width: 10em;
- display: block;
- border: 0px;
- color: #0d2474;
- text-decoration: none;
- text-align: center;
- }
- /* Hide from IE5-Mac \*/
- #nav_main li a {
- float: none
- }
- /* End hide */
- #nav_main {
- font-family: 'Yanone Kaffeesatz', sans-serif;
- font-size:1.2em;
- width:80em;
- }
- hr.trenner {
- position:relative;
- color: #060;
- background-color: #060;
- border: 0;
- border-top: 0;
- border-bottom:0;
- border-left: 0;
- border-right: 0;
- height: 3px;
- margin: -6px 1 16px;
- padding: 0px;
- width: 90%;
- -moz-box-sizing: border-box;
- -moz-float-edge: margin-box;
- display: -moz-inline-stack;
- left:35px;
- top:0px
- }
- #footer {
- color:black;
- height:30px;
- }
- #footer_nav {
- float: right;
- font-size: 95%;
- margin-top: 4px;
- padding: 2px 28px 3px 3px;
- font-family: 'Yanone Kaffeesatz', sans-serif;
- }
- #footer a {
- color:#060;
- }
- #nav_main2 ul {
- list-style: none;
- padding: 0;
- margin: 0;
- position:absolute;
- margin-top: 0px;
- margin-left: 180px;
- }
- #nav_main2 li {
- float: left;
- margin: 0 0.15em;
- }
- #nav_main2 li a {
- height: 0.5em;
- line-height: 2em;
- float: left;
- width: 4em;
- display: block;
- border: 0px;
- color: #0d2474;
- text-decoration: none;
- text-align: center;
- }
- /* Hide from IE5-Mac \*/
- #nav_main2 li a {
- float: none
- }
- /* End hide */
- #nav_main2 {
- font-family: 'Yanone Kaffeesatz', sans-serif;
- font-size:1em;
- width:100em;
- }
Und hier der Lang erwartete Link zu der Live-Version. Da ich nicht (wieder) möchte das bei der Domain-Google-Suche dieser Thread auftaucht, das ganze etwas umständlicher :
Foto wo der Link draufsteht..
Ich hoffe Ihr könnt mir helfen, vielen Dank auch jezt schonmal im Vorraus
Grüßle
LesS
Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von LesS ()