WinFuture-Forum.de: Css Layout - WinFuture-Forum.de

Zum Inhalt wechseln

Nachrichten zum Thema: Entwicklung
Seite 1 von 1

Css Layout content hängt im IE unten...


#1 Mitglied ist offline   phore 

  • Gruppe: aktive Mitglieder
  • Beiträge: 28
  • Beigetreten: 08. Juni 05
  • Reputation: 0
  • Wohnort:schweiz
  • Interessen:webdesign, coden, grafik, musik...

geschrieben 13. März 2006 - 12:10

hallo.

ich habe mich mal im css layouten versucht und dabei ist folgendes entstanden:
: http://www.zeroweb.ch/css (es ging nur ums üben..)

es sieht eigentlich auch so aus wies sollte, nur dass im ie der contentteil unten hängt,
im firefox wird er (natürlich) richtig angezeigt...

zur vereinfachung der "zuständige" code:
div#content {
	margin-left: 4px;
}
div#layout {
	margin: auto;
	width: 473px;
	padding-bottom: 20px;
	margin-left: 155px;
}


hat jemand eine idee?
danke schonmal an alle.

gruss - phore
0

Anzeige



#2 Mitglied ist offline   axx 

  • Gruppe: aktive Mitglieder
  • Beiträge: 487
  • Beigetreten: 19. Mai 05
  • Reputation: 0

geschrieben 13. März 2006 - 12:36

layout sollte eigentlich um die boxen links und rechts fließen. layout hat aber eine fixe Breite. Da du IE im quirks-mode betreibst, wird das boxmodell nicht standardkonform interpretiert.
=> layout passt schlicht und ergreifend nicht zwischen die boxen links und rechts.
0

#3 Mitglied ist offline   phore 

  • Gruppe: aktive Mitglieder
  • Beiträge: 28
  • Beigetreten: 08. Juni 05
  • Reputation: 0
  • Wohnort:schweiz
  • Interessen:webdesign, coden, grafik, musik...

geschrieben 13. März 2006 - 12:45

danke für die antwort.

bist du dir sicher dass es deswegen ist? der content teil passt ja rein, einfach erst weiter unten..ich habe mal div#page auf "width: auto;" gestellt und es hat sich nichts geändert.

danke - phore
0

#4 Mitglied ist offline   axx 

  • Gruppe: aktive Mitglieder
  • Beiträge: 487
  • Beigetreten: 19. Mai 05
  • Reputation: 0

geschrieben 13. März 2006 - 13:44

Ja, ich bin sicher. Möglicherweise passt aber auch der 466px breite banner nicht dazwischen. Denn der IE vergrößert dass Elternelement, wenn's nicht passt, anstatt das Kindelement darüber hinausragen zu lassen, wie es eigentlich vorgesehen ist. Verbreitere zum testen mal div#page. Dann wird layout nach oben rutschen.
Alles in allem ein gutes Beispiel dafür, dass fixe Breitenangaben untauglich sind.
0

#5 Mitglied ist offline   phore 

  • Gruppe: aktive Mitglieder
  • Beiträge: 28
  • Beigetreten: 08. Juni 05
  • Reputation: 0
  • Wohnort:schweiz
  • Interessen:webdesign, coden, grafik, musik...

geschrieben 13. März 2006 - 14:28

ok - du hast recht :)
wenn ich div#page vergrössere dann rutscht der content rauf..ich hab aber keine ahnung warum der keinen platz hat wenn div#page auf 473px ist...

mit den fixen breitenangaben hast du natürlich recht, ist halt aber bei diesem design schlecht vermeidbar...
0

#6 Mitglied ist offline   axx 

  • Gruppe: aktive Mitglieder
  • Beiträge: 487
  • Beigetreten: 19. Mai 05
  • Reputation: 0

geschrieben 13. März 2006 - 16:10

page - navi - section - margin-left von content = 469px
content und alle Kindelemente dürften diese Breite nicht überschreiten.
h2 kommt schon mal auf eine breite von 473px. Passt also nicht. Wie gesagt, im Gegensatz zu ordentlichen Browsern, vergrößert der IE das Elternelement, d.h. div#content wird durch h2 von 469px auf 473px ausgedehnt und passt nicht mehr zwischen navi und section.
So, genug der Erbsenzählerei.

Über die Einheit px solltest du noch mal nachdenken. Ich bin ein wenig augenschwach, wenn ich die Schriftgröße auf für mich angenehmes Maß erhöht habe, ist dein design längst über Bord.
0

#7 Mitglied ist offline   phore 

  • Gruppe: aktive Mitglieder
  • Beiträge: 28
  • Beigetreten: 08. Juni 05
  • Reputation: 0
  • Wohnort:schweiz
  • Interessen:webdesign, coden, grafik, musik...

geschrieben 13. März 2006 - 16:25

danke für die antwort - ich probiers dann aus, sollte klappen.
jo als hobby-designer arbeite ich halt immer noch gerne mit px :)

dass die schriftgrösse klein ist ist eigentlich egal da ich das design nur zu übungszwecken und aus lust was zu coden gemacht habe...wird also vorerst nicht wirklich zum einsatz kommen.

danke dir - phore
0

Thema verteilen:


Seite 1 von 1

1 Besucher lesen dieses Thema
Mitglieder: 0, Gäste: 1, unsichtbare Mitglieder: 0