Layout-Konfusion
Eingetragen von mrc (18)am 11.09.2006 - 13:34 Uhr in
Hallo zusammen,
Vor kurzem habe ich mich für Drupal als CMS entschieden und sogleich zur "Arbeit" übergegangen.
Nach anfänglichen kleinen Lücken mit dem Verständnis habe ich dann angefangen ein eigenes Theme zu basteln, welches soweit m.E. eigentlich funktionieren sollte.
Sollte ... Denn Im Internet Explorer (v6) wird gegenüber Firefox das Layout total zerworfen.
Deshalb habe ich zwei Bilder raufgeladen, dass ihr euch etwas unter "zerworfen" vorstellen könnt:
Korrektes Layout (Firefox 1.5)
Falsches Layout (Internet Explorer 6)
Das Layout ist noch nicht fertig wie man sieht, aber bevor ich mir noch weiter den Kopf darüber zerbreche würde ich dieses Problem gerne lösen.
Hat jemand eine Idee?
Momentan besteht das ganze nur aus einem css-File, einem tpl-File und dem Background.
Den Code kann ich, falls nötig, natürlich auch posten.
Ich würde mich natürlich über eine Antwort freuen.
Gruss,
MRC
- Anmelden oder Registrieren um Kommentare zu schreiben
Nach den Bildern zu urteilen
am 11.09.2006 - 14:24 Uhr
Nach den Bildern zu urteilen nutzt der IE garnicht das CSS, aber mehr kann man so leider nicht sagen.
Hallo
am 12.09.2006 - 00:34 Uhr
Danke für die Antwort, doch scheint der IE das CSS in irgendwelcher Art und Weise schon zu interpretieren.
Denn die Schriftart wäre ohne CSS m.E. Times.
Das kann schon sein aber
am 12.09.2006 - 07:44 Uhr
Das kann schon sein aber dann nur aus der allgemeinen Body CSS Anweisung, den wenn du dir Link1 und Link2 anschausst so sind Sie beim IE genauso groß wie der ganze Text, aber beim Firefox sind Link1 und Link2 z.B. größer. Dementsprechend mein ich wendet der IE die CSS Anweisungen für bestimmte Klassen nicht an.
Gibt es denn eine Lösung
am 12.09.2006 - 09:38 Uhr
Gibt es denn eine Lösung dafür?
Anbei habe ich die beiden Codes angehängt. Das kann ja nicht sein dass IE das CSS derartig ignoriert.
page.tpl.php
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtmll/DTD/xhtmll-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" lang="<?php print $language ?>" xml:lang="<?php print $language ?>">
<head>
<title>
<?php print $head_title ?></title>
<?php print $head ?>
<?php print $styles ?>
<script type="text/javascript"><?php ?></script>
</head>
<body <?php print $onload_attributes ?>>
<div id="my_wrapper">
<div id="_menu">
Link1 Link2</div>
<div id="_swf_content">
<?php print $content; ?>
</div>
<div id="_right">
<?php print $sidebar_right; ?>
</div>
</div>
</body>
</html>
style.css
body {
background: url(page_01.jpg);
background-repeat: no-repeat;
}
#my_wrapper {
position:relative;
margin: auto;
font-family: Verdana, sans-serif;
font-size: 11px;
}
#_swf_content{
position: absolute;
width: 560px;
left: 205px;
top: 80px;
}
#_right {
position: absolute;
width:120px;
left: 800px;
top: 70px;
background-color: #f8f8f8;
}
#_menu {
position:absolute;
width: 592px;
left: 160px;
top: 55px;
background-color: ;
display: inline;
font-size: 12px;
}
Entferne einfach mal in den
am 12.09.2006 - 11:19 Uhr
Entferne einfach mal in den div Id's den Unterstrich am Anfang, so das immer mit einem Buchstaben begonnen wird und schon sollte es auch mit dem IE klappen.