hallo,
also ich weiß leider nicht wieso mein menü im internet explorer soviel anders aussieht als im firefox.
hier mal der quelltext für mein menü.css
#menue a
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
background-color:#789344;
padding-top:2px;
padding-right:2px;
padding-left:2px;
padding-bottom:2px;
margin:0 4px;
width:90px;
text-decoration:none;
border-bottom:5px ;
text-align=center;
vertical-align:center;
white-space:nowrap
}
#menue div
{
display:inline;
}
#menue a:link; #menue a:visited
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#789344;
background-color:#FFFFFF;
text-decoration:none;
}
#menue a:hover
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#789344;
background-color:#FFFFFF;
text-decoration:none;
}
#menue a#current
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#789344;
background-color:#FFFFFF;
text-decoration:none;
}
Die Seite um die es geht ist ulf-konzept.de
Danke schon mal für eure Hilfe.
Das liegt einfach daran, dass unterschiedlcihe Browser CSS und z.T. auch HTML unterschiedlich interpretieren.
Ein ganz bekanntest thema ist der "Box Model Hack".
Solltets du mal nach im Internet suchen.
hilft mir persönlich nicht sehr viel weiter.
ich weiß nicht wieso in netscape, des ganze menü nach unten verschoben ist und auch kleiner und näher beisammen ist.
wenn jemand mir erklären könnte wie man meine css anpassen muß, dass es in beiden browsern passt, wär ich sehr sehr dankbar.
lg
Das erste was ich dir empfehlen würde ist einen vernünftigen Doctype zu verwenden. Mit dem standard-Doctype schickst du jeden Browser in den Quirks-mode. Da ist es vorprogrammiert, das die Seite in den gängigen Browsern unterschiedlichst dargestellt wird.
Meine Empfehlung ist XHTML.
Siehe dazu auch:
http://de.selfhtml.org/html/allgemein/grundgeruest.htm
Stichworte sind:
config.doctype =
config.xhtml_cleaning =
Guckst du hier: https://docs.typo3.org/m/typo3/reference-typoscript/main/en-us/TopLevelObjects/Config.html
und um den alten IE6 vernünftig zu bedienen, und bei Verwendung von XHTML eine effektive Browserweiche per Condition:
[browser = msie] && [version = < 7.0]
config.doctypeSwitch = 1
[global]
Dies tauscht dann die xml-declaration, wenn ein IE benutzt wird, der älter als Verion 7.0 ist.
also des
config.doctype = xhtml_20
config.xhtml_cleaning = all
[browser = msie] && [version = < 7.0]
config.doctypeSwitch = 1
[global]
macht noch mehr schmarrn im netscape, da macht er dann nen abstand zwischen meinem oberen bild.
und naja im internetexplorer rutschen dann die menüpunkte eng zusammen und im netscape verschieben sie sich trotzdem nicht nach oben.
jemand noch ne idee?
lg
p.s. also die 2.0 version erkennt er bei mir nicht deswegen hatte ich es auf 11 also version 1.1 umgeändert.
lg
hier noch mein template.
is mit dreamweaver gemacht gewesen.
naja also sagt mir einfach was falsch daran ist.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Herzlich Willkommen auf der Homepage von ULF Konzept</title>
</head>
<body background="upload/tf/hg_gewebe_schwarz.png">
<!--###DOCUMENT_BODY###start-->
<table width="1024" border="0" cellpadding="0" cellspacing="0" background="uploads/tf/hg_gewebe_schwarz.png" >
<tr>
<td width="192" nowrap="nowrap" valign="top" align="center"></td>
</td>
<td>
<img src="uploads/tf/designulfhpneu_02.jpg" width="690" alt="logooben"></td>
<td width="142" ></td>
</tr>
<tr>
<td width="192"></td>
<td>
<img src="uploads/tf/designulfhpneu_05.jpg" width="690" alt="logounten"></td>
<td width="142" ></td>
</tr> <tr>
<td width="192" height="20" nowrap="nowrap" valign="top" style="background-image:url(uploads/tf/hintergrundlinks.jpg);background-position: top center;background-repeat: no-repeat"; align="center">
<div id="topic">
<!--###TOPIC###start-->
Topic
<!--###TOPIC###stop-->
</div>
</td>
<td width="690" height="20" valign="top" class="middle_column" style="background-image:url(uploads/tf/hintmenue.jpg);background-position: top center;background-repeat: no-repeat";>
<!--###NAVI###start-->
<div id="menue">
<ul>
<li class="li">Listenpunkt 1</li>
<li class="li">Listenpunkt 2</li>
<li class="li">Listenpunkt 3</li>
<li class="li">Listenpunkt 4</li>
<li class="li">Listenpunkt 5</li>
</ul>
</div>
<!--###NAVI###stop--></td>
<td width="142" height="20" valign="top" nowrap="nowrap" style="background-image:url(uploads/tf/hintergrundrechts.jpg);background-position: top left;background-repeat: no-repeat"><div id="sitemap"><a href="http://www.ulf-konzept.de/sitemap.html">Sitemap</a></div></td>
</tr>
<tr>
<td width="192" height="10"></td>
<td width="690" height="10"></td>
<td width="142" height="10"></td>
</tr>
<tr>
<td width="192" nowrap="nowrap"></td>
<td width="690" height="400" valign="top" bgcolor="#ffffff" class="center_column">
<!--###INHALT_MITTE###start-->
<p align="center"> ULF </p> <!--###INHALT_MITTE###stop-->
</td>
<td width="142" nowrap="nowrap"></td>
</tr>
<tr>
<td width="192" nowrap="nowrap"><div id="left"><a href="./impressum.html"> Impressum </a></div></td>
<td width="690" nowrap="nowrap"></td>
<td width="142" ><div id="right"> © ULF 2007</div></td>
</tr>
</table>
<!--###DOCUMENT_BODY###stop-->
</body>
</html>
Na du bist ja schnuckelig... ;-)
Was da drann falsch ist? Naja, ein Gemisch aus inline-styles, Tabellen und divs... was willst du denn da erwarten?
Lager deine Styles in ein externes file aus.
Lass die Tabellen weg und verwende div Container fürs Layout.
Verwende nicht Tabellen und divs gemeinsam, außer die willst wirklich eine Tabelle darstellen.
Lies dich mal ein bisschen in SelfHTML, in den entsprechenden Bereichen, ein. Ansonsten hat das wenig mit Typo3 selbst zu tun.
hallo,
also hab mein problem mit hilfe einer browserweiche gelöst.
also ich lade wenn es firefox is einfach anderes css als wenn es inetexplorer ist, ich weiß es wird hier leute geben, die sagen, div wäre besser, aber naja auf die schnelle für mich nicht realisierbar.
danke für eure hilfe.
und hier meine lösung:
[browser= msie]
page.includeCSS {
file1 = uploads/tf/mainie.css
}
[ELSE]
page.includeCSS {
file1 = uploads/tf/main.css
}
[global]
und bei den dateien hab ich im menü folgendes unterschiedlich.
bei firefox:
position: relative;
top:-15px;
und bei ie:
position: relative;
top:0px;
lg und danke für die hilfe.