SELFHTML Forum
SELFHTML Forumsarchiv
2008
November
 |
SELFHTML Forumsarchiv |
 |
|
 |
|
Die folgende Nachricht zum Thema stammt von: anni, 24. 11. 2008, 13:18
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>
Die folgende Nachricht zum Thema stammt von: suit, 24. 11. 2008, 13:39
»» 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 ;)
Die folgende Nachricht zum Thema stammt von: anni, 24. 11. 2008, 16:40
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 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 ;)
Die folgende Nachricht zum Thema stammt von: suit, 24. 11. 2008, 17:12
»» 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
© 1998-2008 
Impressum, Software: Classic Forum
(CSS)