mediengestalter.info
Datenschutzerklärung
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter
Aktuelles Datum und Uhrzeit: Di 23.04.2024 18:00 Benutzername: Passwort: Auto-Login

Thema: IE6/7 und floats mit display:inline - ich verzweifele vom 10.06.2009


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> IE6/7 und floats mit display:inline - ich verzweifele
Seite: 1, 2, 3  Weiter
Autor Nachricht
MUVA
Threadersteller

Dabei seit: 10.06.2009
Ort: -
Alter: -
Geschlecht: -
Verfasst Mi 10.06.2009 10:34
Titel

IE6/7 und floats mit display:inline - ich verzweifele

 Antworten mit Zitat Zum Seitenanfang
hallo leute!
bin neu hier und als ersten beitrag hab ich gleich mal ein problem mit dem ie7 (und 6 *zwinker*)-

ich mach grad eine tpyo3 seite - auf dieser gibts im unteren bereich ein div, welches in sich 3 weitere divs beherbergt, welche mit float ausgerichtet sind. diese wiederum sind 3 menüs: breadcrumb, servicemenü, sprachwahl. ums verrecken lässt sich das mittlere menü nicht als inline darstellen im ie6/7. überall anders passts. die anderen 2 menus sind zwar inline, aber nicht wirklich auf einer (gedachten) linie.

hier die seite: http://gerd-kuehr.at/index.php

hier der html code:
Code:
<div id="footerdiv">
<div id="breadcrumb"></div>
<div id="services"><ul><li>Suche</li><!----><li>Impressum</li><!----><li>Kontakt</li><!----><li>Deutsch</li><!----><li>Englisch</li><!----></ul></div>
<div id="sprache">xxx</div></div>
</div>
(PS: lasst euch nicht vom evt. blindtext verwirren

und hier der css dazu:
Code:
#footerdiv {
   margin-left:40px;
   background-color:#9f1413;
   width:800px;
   border-top: 1px solid #ffffff;
   height:30px;
}

#breadcrumb  {
   float:left;
   margin-left:20px;
   font-size:0.8em;
   height:25px;
}

#breadcrumb p {
   padding-top:4px;
   margin: 0;
   }
   

#services {
   margin-left:50px;
   float:left;
   height:29px;   
}

#services ul {
   margin:0;
   }
   
#services ul li {
   padding-top: 0;
   }

#sprache {
   padding-top:3px;
   float:right;
   margin-right: 20px;
   height:26px;
}

li {
   display:inline-block;
   /*border-left: 1px solid #ffffff;*/
   padding: 0.35em 0.5em;
   color:#FFFFFF;
}

li:first-child {
   border-left:none;
}


ich bitte um hilfe. * Applaus, Applaus *
lg
muva
  View user's profile Private Nachricht senden
pixelpapst303

Dabei seit: 06.07.2006
Ort: hamburg
Alter: 50
Geschlecht: Männlich
Verfasst Mi 10.06.2009 10:43
Titel

Antworten mit Zitat Zum Seitenanfang
na dann,... moin. *zwinker*

da die inhalte deine li-liste sicher noch <a>-tags werden, nimm mal

Code:

li a {
display: inline-block
}

und lass es beim li weg.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
MUVA
Threadersteller

Dabei seit: 10.06.2009
Ort: -
Alter: -
Geschlecht: -
Verfasst Mi 10.06.2009 10:50
Titel

Antworten mit Zitat Zum Seitenanfang
hi, danke für den schnellen reply.
schau mal rein, ich hab das mal geändert, aber nun passts im FF auch nimmer *Schnief*
  View user's profile Private Nachricht senden
choise

Dabei seit: 01.02.2007
Ort: Würzburg
Alter: 35
Geschlecht: Männlich
Verfasst Mi 10.06.2009 10:52
Titel

Antworten mit Zitat Zum Seitenanfang
warum nicht einfach das "li" links floaten?

oder was versteh ich falsch?
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
MUVA
Threadersteller

Dabei seit: 10.06.2009
Ort: -
Alter: -
Geschlecht: -
Verfasst Mi 10.06.2009 10:58
Titel

Antworten mit Zitat Zum Seitenanfang
choise hat geschrieben:
warum nicht einfach das "li" links floaten?

oder was versteh ich falsch?


das versteh ich aber auch net *zwinker*

drei divs die floaten

[breadcrumb] [servicemenu] [sprachwahl]

die jeweils listen hab die inline sein sollen

Zuletzt bearbeitet von MUVA am Mi 10.06.2009 11:00, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
MUVA
Threadersteller

Dabei seit: 10.06.2009
Ort: -
Alter: -
Geschlecht: -
Verfasst Mi 10.06.2009 11:21
Titel

Antworten mit Zitat Zum Seitenanfang
was iost egtl mit diesem script? ist das typo3-kompatibel?

<!--[if lt IE 8]>
<script src="http://ie7-js.googlecode.com/svn/version/2.0(beta3)/IE8.js" type="text/javascript"></script>
<![endif]-->
  View user's profile Private Nachricht senden
Smooth-Graphics

Dabei seit: 22.05.2006
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Mi 10.06.2009 11:39
Titel

Antworten mit Zitat Zum Seitenanfang
Was hat das denn mit Typo3 zu tun? Natürlich ist das Typo3 kompatibel, wenn du es richtig ins Template baust. Allerdings sind diese IE Scripts immer noch von JS abhängig und verlassen sollte man sich eigentlich nicht drauf.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
pixelpapst303

Dabei seit: 06.07.2006
Ort: hamburg
Alter: 50
Geschlecht: Männlich
Verfasst Mi 10.06.2009 11:45
Titel

Antworten mit Zitat Zum Seitenanfang
ups,... das mitm li-float is natürlich richtig...
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
 
Ähnliche Themen Problem mit display:inline
[CSS] H1, display inline und margin bottom
h1 - display:inline = kein margin möglich?
CSS: Problem mit Opera und display:inline-block
[HTML][CSS] Margin und display: inline funzt ned
CSS: display-inline und float-left - trotzdem Umbruch danach
Neues Thema eröffnen   Neue Antwort erstellen Seite: 1, 2, 3  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.

Mediengestalter.info ist ein Projekt von Webformatik :: Forensoftware: phpBB