html-seminar.de/woltlab/attachment/962/Hallo,
wie mein Profilname schon sagt bin ich neu in php, Html usw..
Nun habe ich ein kleines Problem, welches ich schon durch das lesen anderer Themen versucht habe zu lösen. Leider war nix passendes oder funktionierendes dabei.
Leider ohne Erfolg.
Ich Versuche die breite meiner Seite anzupassen, in Safari und FF sieht alles so aus wie es sollte. nur in Chrome will es einfach nicht klappen.
Der äußerste Rand sollte nicht so groß sein.
Könntet Ihr mir da kurz helfen bitte. ich habe margin und padding auf auto gesetzt.
Vielen Lieben Dank im Voraus.
Code
*{ padding: 0 auto; margin: 0 auto; max-width: 1400px;}
body,table,td,p,div{font-family: arial, sans-serif; font-size: 12px; color: #111;}
body{margin: 0 auto;padding: 0 auto; max-width: 1400px; background-color: #f7f7f7;}
div.main{margin: 0 auto; padding: auto; width: 90%; text-align: left;}
div.top{margin: 0 auto; padding: 0px;}div.top_logo{width: 288px; height: 125px; float: left;}
div.top_news{width: 700px; float: right; padding-top: 5px;}img.top_logo{width: 288px; height: 125px; border: 0px; margin: 0px;}
div.menu{margin: 0px 0px 5px 0px; padding: 0px; height: 45px; border-bottom: 3px solid #000; border-top: 3px solid #000; font-family: arial, sans-serif; font-size: 12px; color: #ccc; background-color: #2c2c2c;}a.menu{transition: 500ms; display: block; float: left; line-height: 45px; padding: 0px 15px; border-right: 1px solid #222; font-family: arial, sans-serif; font-size: 12px; text-decoration: none; color: #f7f7f7; font-weight: bold;}a.menu:hover{transition: 500ms; display: block; float: left; line-height: 45px; padding: 0px 15px; border-right: 1px solid #222; font-family: arial, sans-serif; font-size: 12px; text-decoration: none; color: #f7f7f7; background: #fa4c2a; font-weight: bold;}
div.left{float: left; width: 220px; padding: 0;}div.left_title{padding: 10px; border: 1px solid #000;border-radius: 5px 5px 0px 0px; background-color: #408c00; font-family: arial, sans-serif; font-size: 12px; color: #ccc;}div.left_body{transition: 500ms; margin-bottom: 5px; padding: 3px; border: 1px solid #000;border-radius: 0px 0px 5px 5px; background-color: #fff; font-family: arial, sans-serif; font-size: 12px; color: #111;}div.left_body:hover{transition: 500ms; margin-bottom: 5px; padding: 3px; border: 1px solid #000;border-radius: 0px 0px 5px 5px; background-color: #f5f5f5; font-family: arial, sans-serif; font-size: 12px; color: #000;}
div.righttest{float: right; width: 10%; padding: 0px;}div.righttest_title{padding: 10px; border: 1px solid #000;border-radius: 5px 5px 0px 0px; background-color: #408c00; font-family: arial, sans-serif; font-size: 12px; color: #ccc;}div.righttest_body{transition: 500ms; margin-bottom: 5px; padding: 3px; border: 1px solid #000;border-radius: 0px 0px 5px 5px; background-color: #fff; font-family: arial, sans-serif; font-size: 12px; color: #111;}div. righttest_body:hover{transition: 500ms; margin-bottom: 5px; padding: 3px; border: 1px solid #000;border-radius: 0px 0px 5px 5px; background-color: #f5f5f5; font-family: arial, sans-serif; font-size: 12px; color: #000;}
div.right{float: left; width: 770px; padding-left: 10px; font-family: arial, sans-serif; font-size: 12px; color: #222222;}
div.ads{margin: 3px 0px; border: 1px solid #aaa; background-color: #ffffff; font-size: 12px;}div.float_ads{position: fixed; _position: absolute; width: 125px; height: 125px; border: 1px solid #aaa; background-color: #ffffff; font-size: 12px;}a.ads{font-family: arial, sans-serif; font-size: 12px; text-decoration: none; color: #999;}a.ads:hover{font-family: arial, sans-serif; font-size: 12px; text-decoration: none; color: #111;}
table.programs{transition: 500ms; width: 100%; margin: 0px 0px 5px 0px; border-radius: 5px 5px 5px 5px; border: 1px solid #888; background-color: #ffffff; font-family: arial, sans-serif; font-size: 15px; color: #111;}table.programs:hover{transition: 500ms; width: 100%; margin: 0px 0px 5px 0px; border-radius: 5px 5px 5px 5px; border: 1px solid #000; background-color: #fffeac; font-family: arial, sans-serif; font-size: 12px; color: #111;}div.rank{margin: 0px 3px 0px -2px; padding: 0px 3px; float: left; background-color: #fa4c2a; font-size: 12px; color: #000; border: 1px solid #000; border-radius: 0px 5px 5px 0px; font-weight: none;}font.status{font-size: 23px; }td.des{border-radius: 5px 5px 5px 5px; font-family: arial, sans-serif; font-size: 14px; color: #888; background-color: #f7fff7;}div.details{margin: 0px 0px 5px 0px; padding: 5px; border-radius: 5px 5px 5px 5px; border: 1px solid #bbb; background-color: #fff; font-family: arial, sans-serif; font-size: 11px; color: #111;}
div.sticky_title{padding: 4px; border: 1px solid #000;border-radius: 3px 3px 3px 3px; background-color: #12305a; font-family: arial, sans-serif; text-align: center; font-size: 12px; color: #ccc;}table.sticky{margin: 0px 0px 5px 0px; width: 100%;}td.sticky{padding: 3px; background: #fff; border: 1px solid #000; border-radius: 5px 5px 5px 5px;}div.sticky_logo{position: absolute; margin-top: 50px; margin-left: -2px; padding: 0px 3px; border-top: 1px solid #888; border-right: 1px solid #888; border-bottom: 1px solid #888; border-radius: 0px 5px 5px 0px; background: #cbe900; color: #111;}div.hot_logo{position: absolute; margin-top: 70px; margin-left: -2px; padding: 0px 3px; border-top: 1px solid #888; border-right: 1px solid #888; border-bottom: 1px solid #888; border-radius: 0px 5px 5px 0px; background: #e9003c; color: #fff;}
textarea{background-color: #ffffff; color: 222222; font-family: arial, sans-serif; font-size: 12px; border: 1px solid #999999; text-shadow: 0px 0px 3px #bbbbbb;}textarea:hover{background-color: #fafffa; color: 000000; font-family: arial, sans-serif; font-size: 12px; border: 1px solid #999999; text-shadow: 0px 0px 3px #bbbbbb;}input{background-color: #ffffff; color: 222222; font-family: arial, sans-serif; font-size: 12px; border: 1px solid #999999; text-shadow: 0px 0px 3px #bbbbbb;}
a{font-family: arial, sans-serif; font-size: 12px; text-decoration: none; color: #222222; font-weight: bold;}a:hover{font-family: arial, sans-serif; font-size: 12px; text-decoration: none; color: #ff0000; font-weight: bold;}
div.end{margin: 0px; background-color: #eee; color: #111; border-top: 2px solid #444;}
Alles anzeigen
so hatte ich es zuerst:
Code
body,table,td,p,div{font-family: arial; font-size: 12px; color: #111;}
body{margin: 0px; background-color: #f7f7f7;}
div.main{padding: 0px; width: 1000px; text-align: left;}
div.top{margin: 0px; padding: 0px;}
div.top_logo{width: 288px; height: 125px; float: left;}
div.top_news{width: 700px; float: right; padding-top: 5px;}
img.top_logo{width: 288px; height: 125px; border: 0px; margin: 0px;}
Alles anzeigen