mediengestalter.info
Portal Forum Forenarchiv Suche Tutorials Downloads Links Bücher Chat Impressum
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter
Aktuelles Datum und Uhrzeit: Fr 03.09.2010 11:47 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
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: 37
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
Text in DIV vertikal zentrieren
<div> innerhalb Tabellenzelle zentrieren
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.

mediengestalter.info ist ein Projekt von webformatik :: Forensoftware: phpBB © 2001, 2005 phpBB Group