nicht angemeldet
in firefox ok im ie verschoben
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> </p>
<p><a href="index.htm">Home</a></p>
<p> </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> </p>
<p><a href="kurs.htm">Fotokurs</a></p>
<p><a href="bubble.htm">The Bubble</a></p>
<p> </p>
<p><a href="grafik.htm">Design</a></p>
<p> </p>
<p><a href="vc.htm">Über Elska</a></p>
<p><a href="impressum.htm">Impressum und Kontakt</a></p>
<p> </p> </div>
</div>
<div id="rightcolumn">
<h1>Elska Fotografie & Design</h1>
<p> </p>
<p>Elska fotografiert im Bereich Architektur, urabne Stadt, Landschaft, Portrait und Reportage.<br></p>
<p> </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>
-
ich habe eine seite mit css gebastelt.
mir deucht, du hast versucht sie in html zu verfassen und sie mit css formatiert
in firefox funktioniert sie auch, im ie (überraschung) ist alles verschoben.
keine überaschung - leider funktioniert der grundsatz "wenn mans richtig macht, funktionierts komischerweise auch" beim ie nicht - macht aber nix, du hasts ja nicht richtig gemacht
kann mir jemand helfen? hier main und index:
ich hab grade nicht die motivation mich da durchzugraben - aber dein code sieht nach schlechter bedienung des dreamweavers aus ;) kannst du in erster linie versuchen, deinen code in ordnung zu bringen und eine dtd nicht zum spass zu verwenden? ;)
du hast einige nicht geschlossene elemente die vermutlich der internet explorer anders korrigiert als der firefox, das könnte die darstellungsfehler erklären
ein kopierfertiges beispiel ist übrigens für helfende hilfreicher ;)
-
danke für die antwort. habe die seite mit notepad geschrieben... jetzt bin ich nochmal alles <div> und </div> durchgegangen aber ich finde den fehler leider nicht....
ich habe eine seite mit css gebastelt.
mir deucht, du hast versucht sie in html zu verfassen und sie mit css formatiertin firefox funktioniert sie auch, im ie (überraschung) ist alles verschoben.
keine überaschung - leider funktioniert der grundsatz "wenn mans richtig macht, funktionierts komischerweise auch" beim ie nicht - macht aber nix, du hasts ja nicht richtig gemachtkann mir jemand helfen? hier main und index:
ich hab grade nicht die motivation mich da durchzugraben - aber dein code sieht nach schlechter bedienung des dreamweavers aus ;) kannst du in erster linie versuchen, deinen code in ordnung zu bringen und eine dtd nicht zum spass zu verwenden? ;)
du hast einige nicht geschlossene elemente die vermutlich der internet explorer anders korrigiert als der firefox, das könnte die darstellungsfehler erklären
ein kopierfertiges beispiel ist übrigens für helfende hilfreicher ;)
-
danke für die antwort. habe die seite mit notepad geschrieben...
ich glaub nicht, dass du das alles selbst geschrieben hast - kein vernünftiger mensch beginnt eine selbst geschriebene javascript-zeile mit
function MM_, üblicherweise löst sowas sofort gicht-artige krämpfe in den fingern aus ...jetzt bin ich nochmal alles <div> und </div> durchgegangen aber ich finde den fehler leider nicht....
ich sagte nicht, dass es einer ist
du kannst zum durchgehen der ungereimtheiten auch ein hilfsmittel verwenden
-
-