mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Mo 06.07.2020 23:34 Benutzername: Passwort: Auto-Login

Thema: Navigation / Zentrieren / Div / IE und FIrefox vom 08.02.2010


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> Navigation / Zentrieren / Div / IE und FIrefox
Autor Nachricht
pomull
Threadersteller

Dabei seit: 08.02.2010
Ort: -
Alter: -
Geschlecht: -
Verfasst Mo 08.02.2010 21:05
Titel

Navigation / Zentrieren / Div / IE und FIrefox

Antworten mit Zitat Zum Seitenanfang

Hallo zusammen,

da ich im HTML nicht so die riesen Leuchte bin wollte ich versuchen hier Hilfe zu finden.

Habe eine Website http://www.dahmen.com/test/index.html

die Navigation schaffe ich einfach nicht sie im firefox zu zentrieren und im ie steht sie 5 px zu weit links * Ich geb auf... * . wo liegt der Fehler?


Zuletzt bearbeitet von pomull am Mo 08.02.2010 21:06, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
heiko_rs

Dabei seit: 06.02.2008
Ort: Berlin
Alter: -
Geschlecht: Männlich
Verfasst Mo 08.02.2010 22:04
Titel

Antworten mit Zitat Zum Seitenanfang

Nimm den IE erstmal aus dem Quirksmode, indem Du einen entsprechenden Doctype verwendest - Google "Doctype Switch". Dann wirf alle Tabellen raus, verwende für das Menü eine ul, siehe http://www.mediengestalter.info/forum/4/hp-hat-abstand-zum-browserrand-136853-1.html , validiere unter http://validator.w3.org/ und poste dann nochmal *zwinker*
  View user's profile Private Nachricht senden
Anzeige
Anzeige
pomull
Threadersteller

Dabei seit: 08.02.2010
Ort: -
Alter: -
Geschlecht: -
Verfasst Mo 08.02.2010 22:10
Titel

Antworten mit Zitat Zum Seitenanfang

Ok werde mich da mal durcharbeiten. Bis morgen dann heute schaffe ich das nicht mehr.
  View user's profile Private Nachricht senden
willshedo

Dabei seit: 21.12.2005
Ort: Waldshut
Alter: 47
Geschlecht: -
Verfasst Do 11.02.2010 03:39
Titel

Antworten mit Zitat Zum Seitenanfang

Hi,

abgesehen davon, dass das Tabellenlayout finsterstes Mittelalter ist:

Du hast doch eine Tabellenzelle, in die du die Navi bequem reinstecken könntest, wo sie automatisch am richtigen Platz sitzt?


Ich hatte grad Lust (deine Bilder-Links musst du selber wieder hinbasteln):



Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>layout_internet_3</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<style type="text/css">
<!--
body { background-color: #3B3B3D; }
-->
</style>
<style type="text/css">
.bereich {
   display: block;
   color: #C0C0C0;
   background-color: #C0C0C0;
   text-align: center;
}
a.link {
   display: block;
   color: #ffffff;
   font-family: Century Gothic, Arial;
   margin: 2;
   padding: 0.2em;
   font-size: 15px;
   text-align: left;
   text-decoration: None;
}
a.link.bereich {
   display: block;
   background-color: #000000;
   width: 135;
   height: 30px;
   border-top: solid 5px #FFFFFF;
   border-bottom: solid 5px #FFFFFF;
   border-right: solid 5px #FFFFFF;
}
a.link:hover {
   display: block;
   color: #000000;
   background-color: #C0C0C0;
}
</style>
</head>
<body leftmargin="0" topmargin="0" marginheight="0" marginwidth="0">
<!-- Jacascript für Navigation -->
<script type="text/javascript">
 function anzeigen(das){
 if(document.getElementById(das).style.display=='none')
 document.getElementById(das).style.display='block';
 else document.getElementById(das).style.display='none';}
</script>
<!-- -->
<table id="Tabelle_01" width="985" align="center" border="0" cellpadding="0" cellspacing="0" height="651">
  <tbody>
    <tr>
      <td rowspan="11"><img src="index-Dateien/index_01.jpg" alt="" width="5" height="650"></td>
      <td colspan="4"><img src="index-Dateien/index_02.jpg" alt="" width="975" height="5"></td>
      <td rowspan="11"><img src="index-Dateien/index_03.jpg" alt="" width="5" height="650"></td>
    </tr>
    <tr>
      <td colspan="3" valign="top" align="left">&nbsp;</td>
      <td><img src="index-Dateien/Abstandhalter.gif" alt="" width="280" height="115"></td>
    </tr>
    <tr>
      <td><img src="index-Dateien/index_06.jpg" alt="" width="415" height="5"></td>
      <td rowspan="4"><img src="index-Dateien/index_07.jpg" alt="" width="5" height="375"></td>
      <td colspan="2"><img src="index-Dateien/index_08.jpg" alt="" width="555" height="5"></td>
    </tr>
    <tr>
      <td><img src="index-Dateien/index_09.jpg" alt="" width="415" height="30"></td>
      <td colspan="2" rowspan="3">&nbsp;</td>
    </tr>
    <tr>
      <td><img src="index-Dateien/index_11.jpg" alt="" width="415" height="5"></td>
    </tr>
    <tr>
      <td><img src="index-Dateien/index_12.jpg" alt="" width="415" height="335"></td>
    </tr>
    <tr>
      <td colspan="2"><img src="index-Dateien/index_13.jpg" alt="" width="420" height="5"></td>
      <td colspan="2"><img src="index-Dateien/index_14.jpg" alt="" width="555" height="5"></td>
    </tr>
    <tr>
      <td colspan="4" bgcolor="#c0c0c0" height="30">
<!--------------------------------Navi Tabelle mit nem zusätzlichen Div drumrum----------------------------------->
        <div id="tabnavi" style=" position: absolute;">
          <table style="overflow: auto;width: 938px; visibility: visible; position:relative; top:-15px; " name="center" cellpadding="0" cellspacing="0">
            <tbody>
              <tr>
                <td valign="top" width="140"><div class="bereich" onMouseOver="anzeigen('produkte#1')" onMouseOut="anzeigen('produkte#1')"> <img src="index-Dateien/navi_01.jpg" width="140" height="30"> <span id="produkte#1" style="display: none;"> <a href="" class="link">Architektur</a> <a href="" class="link">Schlüsselfertigbau</a> <a href="" class="link">Gewerbe- Industriebau</a> <a href="" class="link">Sanierung</a> <a href="" class="link">Ingenieurlst.</a> <a href="" class="link">Energieberatung</a> </span></div></td>
                <td valign="top" width="140"><div class="bereich" onMouseOver="anzeigen('aprojekte#1')" onMouseOut="anzeigen('aprojekte#1')"> <img src="index-Dateien/navi_02.jpg" width="140" height="30"> <span id="aprojekte#1" style="display: none;"> <a href="http://immowelt.spiegel.de/Immobilien/ImmoListe.aspx?adrid=1098422&amp;cp=1" class="link" target="_blank">Immowelt</a> </span></div></td>
                <td valign="top" width="140"><div class="bereich" onMouseOver="anzeigen('referenz#1')" onMouseOut="anzeigen('referenz#1')"> <img src="index-Dateien/navi_03.jpg" width="140" height="30"> <span id="referenz#1" style="display: none;"> <a href="" class="link">Wohnbau</a> <a href="" class="link">Gewerbe- Industriebau</a> <a href="" class="link">Sanierung</a> </span></div></td>
                <td valign="top" width="140"><div class="bereich" onMouseOver="anzeigen('unternehmen#1')" onMouseOut="anzeigen('unternehmen#1')"> <img src="index-Dateien/navi_04.jpg" width="140" height="30"> <span id="unternehmen#1" style="display: none;"> <a href="" class="link">Vita</a> </span></div></td>
                <td valign="top" width="140"><div class="bereich" onMouseOver="anzeigen('kontakt#1')" onMouseOut="anzeigen('kontakt#1')"> <img src="index-Dateien/navi_05.jpg" width="140" height="30"> <span id="kontakt#1" style="display: none;"> <a href="" class="link">Kontakt</a> <a href="" class="link">Impressum</a> </span></div></td>
                <td valign="top" width="140"><div class="bereich" onMouseOver="anzeigen('service#1')" onMouseOut="anzeigen('service#1')"> <img src="index-Dateien/navi_06.jpg" width="140" height="30"> <span id="service#1" style="display: none;"> <a href="" class="link">Partner</a> <a href="" class="link">Links</a> <a href="" class="link">Downloads</a> </span></div></td>
                <td valign="top" width="168"><div class="bereich" onMouseOver="anzeigen('startseite#1')" onMouseOut="anzeigen('startseite#1')"> <img src="index-Dateien/navi_07.jpg" width="140" height="30"> <span id="startseite#1" style="display: none;"> <a href="" class="link">Startseite</a> </span></div></td>
              </tr>
            </tbody>
          </table>
        </div>
        <!--------------------------------Navi Tabelle Ende-----------------------------------></td>
    </tr>
    <tr>
      <td colspan="4"><img src="index-Dateien/index_16.jpg" alt="" width="975" height="5"></td>
    </tr>
    <tr>
      <td height="110" colspan="4" bgcolor="#c0c0c0">&nbsp;</td>
    </tr>
    <tr>
      <td colspan="4" valign="top" align="left"><img src="index-Dateien/index_18.jpg" alt="" width="975" height="5"></td>
    </tr>
    <tr>
      <td><img src="index-Dateien/Abstandhalter.gif" alt="" width="5" height="1"></td>
      <td><img src="index-Dateien/Abstandhalter.gif" alt="" width="415" height="1"></td>
      <td><img src="index-Dateien/Abstandhalter.gif" alt="" width="5" height="1"></td>
      <td><img src="index-Dateien/Abstandhalter.gif" alt="" width="275" height="1"></td>
      <td><img src="index-Dateien/Abstandhalter.gif" alt="" width="280" height="1"></td>
      <td><img src="index-Dateien/Abstandhalter.gif" alt="" width="5" height="1"></td>
    </tr>
  </tbody>
</table>
<!-- End ImageReady Slices -->
</body>
</html>
  View user's profile Private Nachricht senden
 
Ähnliche Themen <hr> im Firefox zentrieren geht nich!
[CSS] Div zentrieren
<div> vertical zentrieren
[myspace] DIV zentrieren
Div Element Zentrieren
div's zentrieren Problem
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.