Hallo zusammen, bin neu hier und baue eine site in css und das Problem ist das der text sich in firefox anders darstellt wie im explorern.
Hoffe die Frage ist nicht zu dumm, schmunzel
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Mediencenter</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link href="default.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
.Stil1 {color: #990000}
-->
</style>
</head>
<body>
<div align="center"><img src="images/img1.jpg" alt="" width="1279" height="171" /></div>
<div id="left">
<div id="menu" class="boxed">
<h2 class="heading"> </h2>
<ul>
<li class="first"><a href="#" title="">Home</a></li>
<li><a href="#" title="">Leistungen</a></li>
<li><a href="#" title="">Computerservice</a></li>
<li><a href="#" title="">Webdesign</a></li>
<li><a href="#" title="">Impressum</a></li>
<li><a href="#" title="">Support</a></li>
</ul>
</div>
</div>
<!-- end #left -->
<div id="right">
<div class="boxed">
<h2 class="heading"> </h2>
<h2 class="heading">Partner</h2>
<ul><li>Medienagentur-Pk.de</li>
</ul>
</div>
</div>
<!-- end #right -->
<div id="center">
<div class="boxed">
<h1 class="heading"> </h1>
<h1 class="heading Stil1">Willkommen auf unserer IntenetprÄsenz </h1>
<p class="box" align="left">Als Medienagentur für kommunikative Lösungen bieten wir Ihnen alles,</br>
was Sie für den Webauftritt Ihres Unternehmens benötigen:<br />
Konzeption, Gestaltung, Text oder Datenbankverwaltung - für jede</br> Plattform und in allen Formaten. Als Ihr kompetenter Partner </br>gestalten wir den Einstieg in die web-basierte Kommunikation </br>Ihres Unternehmen so einfach wie möglich.</p>
<p align="justify">Mit individuellen Konzepten und kundenorientierten Lösungen können</br> wir von Mediencenter-RL uns behaupten und damit das Vertrauen </br>unserer Kunden gewinnen. Darauf bauen wir - auch in Zukunft.</p>
</div>
</div>
<!-- end #center -->
<div style="clear: both;">
<p> </p>
<p> </p>
<p> </p>
</div>
<div id="footer">
<p id="legal"> </p>
<p id="links"> </p>
<p>Copyright © 2007 .</p>
</div>
<div style="font-size: 0.8em; text-align: center; margin-top: 1.0em; margin-bottom: 1.0em;"></div>
</body>
</html>
PHP-Code:
* {
margin: 0;
padding: 0;
}
body {
background: #FFFFFF url(images/img1.jpg) repeat-x;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 13px;
color: #666666;
}
h1, h2, h3 {
color: #000000;
}
p, blockquote, ul, ol {
margin-bottom: 1.8em;
line-height: 180%;
}
a {
color: #000000;
}
a:hover {
text-decoration:none;
}
.boxed {
padding: 20px;
background:;
}
.heading {
margin-bottom: 40px;
text-transform: uppercase;
letter-spacing: 3px;
font-size: 12px;
}
/* Header */
#header {
width: 1024px;
height: 180px;
text-align: center;
background-repeat: no-repeat;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
}
#header a {
text-decoration: none;
text-transform: uppercase;
color: #000000;
}
#header h1 {
padding-top: 50px;
letter-spacing: 4px;
font-size: 36px;
width:1024px;
}
#header h2 {
letter-spacing: 8px;
font-size: 14px;
width:1024px;
}
/* Columns */
#left {
float: left;
width: 240px;
margin-left: 10px;
}
#right {
float: right;
width: 220px;
margin-right: 10px;
}
#left ul, #left ol, #right ul, #right ol {
list-style-position: inside;
}
#left li, #right li {
margin-bottom: 1.5em;
}
#center {
margin: 0 240px 0 260px;
}
#center ul, #center ol {
margin-left: 3em;
}
/* Footer */
#footer {
background: url(images/img3.jpg) repeat-x;
text-align: center;
font-size: 77%;
color: #000000;
}
#legal {
margin: 0;
padding: 20px 0 0 0;
line-height: normal;
}
#links {
margin: 0;
padding: 20px 0;
line-height: normal;
}
16.01.2008, 10:00
text verschiebt sich in anderen browsern
Ähnliche Themen
Linear-Darstellung
