mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Do 28.03.2024 19:20 Benutzername: Passwort: Auto-Login

Thema: Links im div sitzen beim FF zu hoch vom 28.06.2007


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> Links im div sitzen beim FF zu hoch
Seite: 1, 2  Weiter
Autor Nachricht
top
Moderator
Threadersteller

Dabei seit: 25.11.2003
Ort: Hedwig Holzbein
Alter: 52
Geschlecht: Männlich
Verfasst Do 28.06.2007 12:26
Titel

Links im div sitzen beim FF zu hoch

Antworten mit Zitat Zum Seitenanfang

Moin,
ich hätte gern ein Problem:

Ich versuche gerade die Paginierung die mir ein CMS-System ausspuckt mit CSS nach meinen Vorstellungen zu gestalten. Diesmal ist es ausnahmsweise der Firefox den ich nicht gebändigt bekomme.

Klick mich an!

Zu behaupten, dass der IE6 es "richtig" anzeigt traue ich mich nicht. Aber er zeigt es so wie ich es haben will. *zwinker*

Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Unbenanntes Dokument</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
.cpPagination {
   position: absolute;
   left: 100px;
   top: 100px;
   border: 1px solid #FFFFFF;
   font-size: 9px;
   width: 300px;
   height: 18px;
   background-color: #66CCFF;
}

.cpPagination a {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 9px;
   color: #FFFFFF;
   text-decoration: none;
   border-right: 1px solid #FFFFFF;
   height: 16px;
   margin: 0 auto;
   padding: 4px 6px 2px 4px;
   background-color: #0099FF;
}
-->
</style>
</head>

<body bgcolor="#B0C4DE">
<div class="cpPagination">
 <a href="index.php?aid=1-2" class="cpPaginationPrev">&laquo; Previous</a>
 <a href="index.php?aid=1" class="cpPaginate">1</a>
 <a href="index.php?aid=1-2" class="cpPaginate">2</a>
 <a href="index.php?aid=1-3" class="cpPaginateActive">3</a>
 <a href="index.php?aid=1-4" class="cpPaginate">4</a>
 <a href="index.php?aid=1-4" class="cpPaginationNext">Next &raquo;</a> </div>
</body>
</html>
  View user's profile Private Nachricht senden
Kraat

Dabei seit: 05.10.2006
Ort: Köln
Alter: 42
Geschlecht: Männlich
Verfasst Do 28.06.2007 12:44
Titel

Antworten mit Zitat Zum Seitenanfang

nimm das position:absolute raus. Das Positioniert dir dein DIV auch wirklich Absolut.
  View user's profile Private Nachricht senden
Anzeige
Anzeige
top
Moderator
Threadersteller

Dabei seit: 25.11.2003
Ort: Hedwig Holzbein
Alter: 52
Geschlecht: Männlich
Verfasst Do 28.06.2007 14:20
Titel

Antworten mit Zitat Zum Seitenanfang

Kraat hat geschrieben:
nimm das position:absolute raus. Das Positioniert dir dein DIV auch wirklich Absolut.


Danke für den Versuch. Das ändert leider nichts an meinem Problem - dafür habe ich den Kasten nicht mehr an der von mir gewünschten Stelle.

Wenn ich für das div die font-size auf 14px setze kommt es fast schon hin. Das Leerzeichen zwischen den Links wird vom IE und FF noch unterschiedlich breit interpretiert. Aber da ich die Hintergrundfarben nur zum Testen gesetzt habe, kann ich mit diesem Unterschied leben:

Nochmal klicken...

Aber warum der div-Bereich sich nicht automatisch an die Größe der Links anpasst bleibt mir ein Rätsel. Vielleicht bin ich auch einfach nur zu blöd das ordentlich zu formatieren...
  View user's profile Private Nachricht senden
Kraat

Dabei seit: 05.10.2006
Ort: Köln
Alter: 42
Geschlecht: Männlich
Verfasst Do 28.06.2007 14:26
Titel

Antworten mit Zitat Zum Seitenanfang

schon ma versucht das DIV mit width und height auf auto zu setzen ??
Sonst wüsst ich grad net woran es liegen könnte..

Gruß ^^
  View user's profile Private Nachricht senden
top
Moderator
Threadersteller

Dabei seit: 25.11.2003
Ort: Hedwig Holzbein
Alter: 52
Geschlecht: Männlich
Verfasst Do 28.06.2007 14:54
Titel

Antworten mit Zitat Zum Seitenanfang

Kraat hat geschrieben:
schon ma versucht das DIV mit width und height auf auto zu setzen ??
...


will auch nicht - dann wird das div-Feld nur kleiner und die Links ragen auch noch unten über die Fläche hinaus.
  View user's profile Private Nachricht senden
Kraat

Dabei seit: 05.10.2006
Ort: Köln
Alter: 42
Geschlecht: Männlich
Verfasst Do 28.06.2007 15:10
Titel

Antworten mit Zitat Zum Seitenanfang

Sehr seltsam, dann würd ich sagen... mach 2 verschaltete DIV ineinander.
Vllt. klappts dann so, aber ich kann eig keinen Fehler in deinem CSS sehen, bis auf das position:absolute, sowat mach ich wirklich nur selten, und nie in einer Navi.. Aber dein Ding.

Gruß
  View user's profile Private Nachricht senden
Raumwurm

Dabei seit: 21.12.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Do 28.06.2007 17:42
Titel

Antworten mit Zitat Zum Seitenanfang

Komische Sache das, aber probiers doch amoi so:
klickem
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Unbenanntes Dokument</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
.cpPagination {
   position: absolute;
   left: 100px;
   top: 100px;
   border: 1px solid #FFFFFF;
   font-size: 9px;
   width: 300px;
   height: 18px;
   background-color: #66CCFF;
}

.cpPagination a {
   float:left;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 9px;
   color: #FFFFFF;
   text-decoration: none;
   border-right: 1px solid #FFFFFF;
   padding: 4px 6px 2px 4px;
   background-color: #0099FF;
}
-->
</style>
</head>

<body bgcolor="#B0C4DE">
<div class="cpPagination">
<a href="index.php?aid=1-2" class="cpPaginationPrev">&laquo; Previous</a>
<a href="index.php?aid=1" class="cpPaginate">1</a>
<a href="index.php?aid=1-2" class="cpPaginate">2</a>
<a href="index.php?aid=1-3" class="cpPaginateActive">3</a>
<a href="index.php?aid=1-4" class="cpPaginate">4</a>
<a href="index.php?aid=1-4" class="cpPaginationNext">Next &raquo;</a>
<br style="clear:both" />
</div>
</body>
</html>


//etza


Zuletzt bearbeitet von Raumwurm am Do 28.06.2007 17:45, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
nicoG

Dabei seit: 25.01.2006
Ort: Freiburg
Alter: -
Geschlecht: Männlich
Verfasst Do 28.06.2007 18:25
Titel

Antworten mit Zitat Zum Seitenanfang

Servus top Lächel
Du haust den IE durch den Doctype ohne Adresse in den Quirksmode, so zeigt er das Boxmodell falsch dar und deine Seite wohl richtig *zwinker*

Erstes Problem: Du behandelst deine Links wie Blockelemente, was sie aber nicht sind. So gesehen bringt weder height, noch margin etwas. Die Schriftgröße hast du bereits für den Div gesetzt, diese vererbt sich, bracuhst du also nicht nochmal anzugeben.

Außerdem sehe ich da eine Auflistung von Links, also wäre es doch praktisch sie in eine Liste zu packen *zwinker*
Dann kannst du auch das Ganze einfach definieren und es gibt keine Probleme in den Browsern.

btw: Das Problem bei dir liegt an der Zeilenhöhe, verpass den Links ein line-height...


Zuletzt bearbeitet von nicoG am Do 28.06.2007 18:26, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
 
Ähnliche Themen Wie hoch ist Programmieraufwand für...
auflösung zu hoch - after effects
ICONS hoch skalieren
Stapelverarbeitung - Hoch- und Querformat
(CSS) Spalten gleich hoch
IE-Problem - Bild 100% hoch
Neues Thema eröffnen   Neue Antwort erstellen Seite: 1, 2  Weiter
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.