Beiträge von newbee

newbee · 20. Juni 2016

Hallo,

erstmals vielen Lieben Dank für deine Zeit und der Durchsicht.

Wenn ich keine feste breite habe, dann sieht das ja irgendwie aus oder versteh ich da gerade was falsch?
muss wohl mehr über den Zoomfaktor in Erfahrung bringen, warum dies bei mir nicht funktioniert.

Ich glaub ich verbring jetzt mal einige Tage damit die Fehler zu beseitigen-> Danke für den Link.

Soll ich dies auch in jedes File laden? oder nur den DOCTYPE in die ersten Zeilen?

Code

<meta name="viewport" content="width=device-width, initial-scale=1.0" />

Oh ok, ich habe auch gerade ein wenig gegoogelt wegen html5 , ich finde nur das <center> nicht mehr unterstützt wird aber nicht wie die Neuerung heißt. hättest du da eventuell auch einen Link für mich wo ich mich einlesen kann? ich finde nur das ich es im css eintragen muss.
Ich finde nur dies bei HTML5 und dort steht wieder text-align:center; oder macht die Schreibweise den unterschied?

HTML

h1 {text-align:center;}
p {text-align:center;}
</style>
</head>
<body>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>

Alles anzeigen

Vielen Lieben Dank nocheinmal für deine Hilfe.

GlG
newbee

newbee · 19. Juni 2016

html-seminar.de/forum/ws/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

Beiträge von newbee

google chrome anzeige anders als Safari oder FF

google chrome anzeige anders als Safari oder FF