Datenschutzerklärung
FAQ
::
Mitgliederliste
::
MGi Team
Willkommen auf dem Portal für Mediengestalter
Zur Registrierung
Aktuelles Datum und Uhrzeit: Fr 19.04.2024 16:26
Benutzername:
Passwort:
Auto-Login
Thema:
Navigation / Zentrieren / Div / IE und FIrefox
vom
08.02.2010
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
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
. wo liegt der Fehler?
Zuletzt bearbeitet von pomull am Mo 08.02.2010 21:06, insgesamt 1-mal bearbeitet
heiko_rs
Dabei seit
: 06.02.2008
Ort
: Berlin
Alter
: -
Geschlecht
:
Verfasst
Mo 08.02.2010 22:04
Titel
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
Anzeige
Anzeige
pomull
Threadersteller
Dabei seit
: 08.02.2010
Ort
: -
Alter
: -
Geschlecht
: -
Verfasst
Mo 08.02.2010 22:10
Titel
Ok werde mich da mal durcharbeiten. Bis morgen dann heute schaffe ich das nicht mehr.
willshedo
Dabei seit
: 21.12.2005
Ort
: Waldshut
Alter
: 51
Geschlecht
: -
Verfasst
Do 11.02.2010 03:39
Titel
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"> </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"> </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&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"> </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>
Ähnliche Themen
<hr> im Firefox zentrieren geht nich!
Navigation springt in Firefox
[CSS] Div zentrieren
css div zentrieren
Zentrieren im Dreamwaver
[Illustrator] Zentrieren?
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