  |
| Autor |
Nachricht |
ducks
Neuer [User]
Anmeldung: 28.03.08
Beiträge: 4
|
 Verfasst am: 28.03.2008, 11:05 Titel: Ansichten in versch. Browsern... |
 |
|
Guten Tag
Dass Websites in verschiedenen Browsern nicht immer gleich aussehen (zumindest wenn man wie ich nicht soo viel Ahnung von html hat), damit kann ich leben.
Aber jetzt habe ich trotzdem ein Problem, bei welchem ich Hilfe benötige...
 www.volleysenoritas.ch
Wird sie mit dem IE geöffnet, klafft unter dem Header eine Lücke von 2px. Ich kann mir nun aber überhaupt nicht erklären, woher die kommt! Mit Mozilla/Firefox werden die Bilder bündig angezeigt.
Kann mir da jemand einen Tipp geben, woran das liegen könnte?
Danke
Markus
|
|
| Nach oben |
|
 |
Melzebub
Erfahrener [User]
Anmeldung: 15.02.08
Beiträge: 59
|
| Verfasst am: 28.03.2008, 11:20 Titel: |
|
|
okay, du hast ein tabellenlayout. nimm mal nen anderen doctype. immo hast du xhtml, da müssen sowieso alle tags klein geschrieben werden. hast du net.
machmal
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
und dann würde ich die margins im table au 0 setzen.
_________________
wer einen Hammer halten kann,
ist nicht unbedingt ein guter Handwerker!
www.digitalmedia4u.de
|
|
| Nach oben |
|
|
ducks
Neuer [User]
Anmeldung: 28.03.08
Beiträge: 4
|
| Verfasst am: 28.03.2008, 11:34 Titel: |
|
|
@Melzebub
Hat leider beides nichts gebracht...
|
|
| Nach oben |
|
|
chris1988
Bekannter [User]
Anmeldung: 12.12.05
Beiträge: 1472
|
| Verfasst am: 28.03.2008, 11:43 Titel: |
|
|
Versuch mal folgendes:
| Zitat: | <TD valign="top" align="left" border="0" cellpadding="0" cellspacing="0" margin="0">
<img src="templates/schizope_red-star/images/titel_mila.jpg" border="0">
<table border="0" cellpadding="0" cellspacing="0" margin="0"> |
in das hier zu ändern:
| Zitat: |
<TD valign="top" align="left" border="0" cellpadding="0" cellspacing="0" margin="0">
<img src="templates/schizope_red-star/images/titel_mila.jpg" border="0">
<table border="0" cellpadding="0" cellspacing="0" margin="0" style="background: url(templates/schizope_red-star/images/mila.gif) no-repeat top right;">
|
Damit das klappen könnte muss
| Zitat: | | <td valign="top"><img src="templates/schizope_red-star/images/mila.gif" width="159" border="0" valign="top"></td> |
noch in
| Zitat: | | <td valign="top" width="159"> </td> |
geändert werden.
PS: Du solltest dich mal mit CSS beschäftigen. Damit ließe sich das Layout bedeutend einfacher, übersichtlicher und effizienter umsetzen!
Und vor allem eine bessere Übersicht ist enorm hilfreich, um bei Problemen zu helfen...
Schönen Gruß,
Chris
_________________
Mancher ertrinkt lieber,
als daß er um Hilfe ruft.
(Wilhelm Busch)
|
|
| Nach oben |
|
|
ducks
Neuer [User]
Anmeldung: 28.03.08
Beiträge: 4
|
| Verfasst am: 28.03.2008, 11:48 Titel: |
|
|
Ich weiss...aber ich hab die Seite vor 2 Jahren mit Joomla erstellt, und hatte erst jetzt überhaupt den Mut, mal was zu ändern...die fehlenden Kentnisse rächen sich dann halt 
Deine Änderungen habe ich mal so ausgeführt...dasa Resultat ist aber immernoch dasselbe.
|
|
| Nach oben |
|
|
chris1988
Bekannter [User]
Anmeldung: 12.12.05
Beiträge: 1472
|
| Verfasst am: 28.03.2008, 12:16 Titel: |
|
|
Dann liegt der Abstand zwischen dem Bild und der darauffolgenden Tabelle.
Erster Versuch:
| Code: | | <img src="templates/schizope_red-star/images/titel_mila.jpg" border="0"> |
durch
| Code: | | <img src="templates/schizope_red-star/images/titel_mila.jpg" border="0" style="margin: 0;"> |
ersetzen.
2ter Versuch:
Evtl. sind Leerzeichen der Grund dafür, dass der IE den Abstand einfügt (das macht der manchmal). Daher sollte das table-Tag direkt auf das img-Tag folgen, ohne Leerzeichen und Zeilenumbrüche dazwischen!
| Code: |
<img src="templates/schizope_red-star/images/titel_mila.jpg" border="0">
<table border="0" cellpadding="0" cellspacing="0" margin="0" style="background: url(templates/schizope_red-star/images/mila.gif) no-repeat top right;">
|
ändern in
| Code: | <img src="templates/schizope_red-star/images/titel_mila.jpg"
border="0"><table border="0" cellpadding="0" cellspacing="0" margin="0" style="background: url(templates/schizope_red-star/images/mila.gif) no-repeat top right;"> |
3ter Versuch:
Etwas unsauber, wohl eher 'ne Notlösung.
| Code: | | <table border="0" cellpadding="0" cellspacing="0" margin="0" style="background: url(templates/schizope_red-star/images/mila.gif) no-repeat top right;"> |
ändern in
| Code: | | <table id="iefix_table" border="0" cellpadding="0" cellspacing="0" margin="0" style="background: url(templates/schizope_red-star/images/mila.gif) no-repeat top right;"> |
Dann die CSS-Datei um folgenden Eintrag ergänzen:
| Code: |
* html #iefix_table { margin-top: -2px; }
|
_________________
Mancher ertrinkt lieber,
als daß er um Hilfe ruft.
(Wilhelm Busch)
|
|
| Nach oben |
|
|
ducks
Neuer [User]
Anmeldung: 28.03.08
Beiträge: 4
|
| Verfasst am: 28.03.2008, 12:21 Titel: |
|
|
| chris1988 hat folgendes geschrieben: |
2ter Versuch:
Evtl. sind Leerzeichen der Grund dafür, dass der IE den Abstand einfügt (das macht der manchmal). Daher sollte das table-Tag direkt auf das img-Tag folgen, ohne Leerzeichen und Zeilenumbrüche dazwischen!
| Code: |
<img src="templates/schizope_red-star/images/titel_mila.jpg" border="0">
<table border="0" cellpadding="0" cellspacing="0" margin="0" style="background: url(templates/schizope_red-star/images/mila.gif) no-repeat top right;">
|
ändern in
| Code: | <img src="templates/schizope_red-star/images/titel_mila.jpg"
border="0"><table border="0" cellpadding="0" cellspacing="0" margin="0" style="background: url(templates/schizope_red-star/images/mila.gif) no-repeat top right;"> |
|
1. Versuch brachte nix.....aber No. 2 is the winner!!! Leerzeichen haben den Abstand verursacht!!!
Vielen, vielen Dank....wäre ich sicher nie drauf gekommen! Klasse!
Markus
|
|
| Nach oben |
|
|
chris1988
Bekannter [User]
Anmeldung: 12.12.05
Beiträge: 1472
|
| Verfasst am: 28.03.2008, 12:24 Titel: |
|
|
Immer wieder gerne 
_________________
Mancher ertrinkt lieber,
als daß er um Hilfe ruft.
(Wilhelm Busch)
|
|
| Nach oben |
|
|
|
|
