anni: in firefox ok im ie verschoben

Beitrag lesen

SELF-Forum

in firefox ok im ie verschoben

anni
– Informationen zu den Bewertungsregeln

liebes forum,

ich habe eine seite mit css gebastelt. in firefox funktioniert sie auch, im ie (überraschung) ist alles verschoben. kann mir jemand helfen? hier main und index:

* { padding: 0; margin: 0; }
body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 background-color: #ffffff;
}
img
{
border: 0px;
}

#container
{
 margin: auto;
 width: 830px;
}

#header
{
 color: #333;
 width: 720px;
 float: left;
 padding: 0px;

height: 50px;
 margin: 0px 0px 0px 0px;
 background: #ffffff;
}

#leftcolumn {
 color: #333;
 background: #99cccc;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 height: 100%;
 width: 200px;
 float: left;
 padding-left: 0px;
}

#menu
{
width: 241px;
height: 100%;
text-align: left;
padding-top: 0px;
padding-left: 30px;
}

#menu a
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #333333;
text-decoration: none;
padding-right: 9px;
line-height: 22px;
}

#menu a:hover
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #ffcc33;
text-decoration: none;
padding-right: 9px;
line-height: 22px;
}

#menu a:visited
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: white;
text-decoration: none;
padding-right: 9px;
line-height: 22px;
}

#menu a:active
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #ffcc33;
text-decoration: none;
padding-right: 9px;
line-height: 22px;
}

#bilder
{
width: 510px;
height: 340px;
}

#rightcolumn
{
background-position: top;
background-repeat: repeat-x;
float: right;
color: #333;
background-color: #FFFFFF;

margin: 0px 0px 0px 0px;
 padding-top: 0px;
 height: 100%;
 width: 580px;
 display: inline;
}

#rightcolumn h1
{
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 16px;
color: #99cccc;
padding-left: 25px;
line-height: 22px;
}

#rightcolumn h2
{
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 11px;
color: #99cccc;
padding-left: 25px;
line-height: 22px;
}

#rightcolumn p
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #000000;
padding-left: 25px;
padding-right: 25px;
line-height: 15px;
}

#rightcolumn a
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #666666;
font-weight: 900;
line-height: 15px;
text-decoration: none;
}

#footer {
 width: 785px;
 clear: both;
 color: #333;
 text-align:right;
 background: #ffffff;
 margin: 0px 0px 0px 0px;
 padding-top: 8px;
 padding-bottom: 10px;
}

#footer p
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #000000;
line-height: 15px;
}

#footer a
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #000000;
font-weight: 900;
line-height: 15px;
text-decoration: none;
}

#footer a:hover
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #ffcc33;
font-weight: 900;
line-height: 15px;
text-decoration: none;
}

#footer a:visited
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #999999;
font-weight: 900;
line-height:15px;
text-decoration:none;
}

jetzt index:

<!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=iso-8859-1" />
<title>// ELSKA //</title>
<link rel="stylesheet" type="text/css" href="css/main.css" />

<META NAME="DESCRIPTION" CONTENT="ELSKA">
<META NAME="KEYWORDS" CONTENT="elska, fotografie, fotodesign, berlin, design, foto, bild, screendesig, grafikdesign, web, gestaltung,
 ann-kristin, anni block, block, ann, kristin, rom, italien, fibb, oranienburg, urban, stadt, urbane stadt, fotokurs, kurs, kunst">
<meta name="location" content="Deutschland, Berlin, Europe">
<meta name="robots" content="index, follow all">
<meta name="revisit-after" content="25 days">

<script type="text/JavaScript">
<!--

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
//-->
</script>
</head>

<body>

<div id="container">

<div id="header"></div>

<div id="leftcolumn">

<div id="menu">
   <p>&nbsp;</p>
     <p><a href="index.htm">Home</a></p>
     <p>&nbsp;</p>
     <p><a href="architektur.htm">Architekturfotografie</a></p>
     <p><a href="urban.htm">Urbane Fotografie</a></p>
     <p><a href="portrait.htm">Portrait</a></p>
     <p><a href="fibb.htm">FIBB / Zeitzeugen</a></p>
     <p><a href="rom.htm">Rom</a></p>
     <p>&nbsp;</p>
     <p><a href="kurs.htm">Fotokurs</a></p>
     <p><a href="bubble.htm">The Bubble</a></p>
     <p>&nbsp;</p>
     <p><a href="grafik.htm">Design</a></p>
     <p>&nbsp;</p>
     <p><a href="vc.htm">Über Elska</a></p>
     <p><a href="impressum.htm">Impressum und Kontakt</a></p>
     <p>&nbsp;</p> </div>
   </div>

<div id="rightcolumn">
     <h1>Elska Fotografie & Design</h1>
     <p>&nbsp;</p>
     <p>Elska fotografiert im Bereich Architektur, urabne Stadt, Landschaft, Portrait und Reportage.<br></p>
     <p>&nbsp;</p>
     <p><img src="images/startbild.jpg"  width="510" height="340" /> </p>
     <br clear="all" />
  </div>

<div id="footer">
  <p>Ann-Kristin Block /  030 - 24 61 59 31 /  0179 - 459 15 64  / <a href="http://www.elska.de">www.elska.de</a>  /<a href="mailto:post@elska.de"> post@elska.de</a> </p>
  </div>

</div>

<script src="http://www.google-analytics.com/urchin.js" type="text/javascript">
</script>
<script type="text/javascript">
_uacct = "UA-2834747-1";
urchinTracker();
</script>
</body>
</html>

Beitrag melden
–
Informationen zu den Bewertungsregeln