✔ 2 Spaltenlayout + runde Ecken

[GN911]

Maik, kannst du nochmal bitte schauen?
Ich habe im ersten Kalender (Juli) Links eingebaut, ist das so okay?

      .calheader {
          color: #1e1e1e;
          border-bottom: 2px solid #1e1e1e;
          margin: 0 0 4px 0;
          padding: 0 0 4px 0;
      }

      .calheader span.calbrowsetoday {
          float: left;
          margin: 0 0 -4px 0;
          padding: 0 0 -4px 0;
      }

      .calheader span.calbrowsemonth {
          float: right;
          margin: 0 0 -4px 0;
          padding: 0 0 -4px 0;
      }

ist wegen meinem Gewissen...

 

[Maik]

Machen wir's doch so: Du meldest dich, wenn ein konkretes Problem auftaucht

mfg Maik

 

[GN911]

4:10 Uhr und völlig verwird

ich versuche in die contenbox eine/unterschiedliche Listen unterzubringen.
Also wenn du mal schaust Maik, sind hier gleich mehrere Probleme:
1.) die Sache will nicht links oben beginnen (#CalendarPage)
2.) .CalendarGroup li will auch nicht links in #CalendarPage linksbündig sitzen
3.) die Berechnung der Spalten passt auch nicht

<div class="c664 c664roundbox"><!-- begin col CONTENTBOX 2 --> hier soll noch ein Tabmenü rüber...

wie bekomme ich das hin.....

mfg GN911

 

[Maik]

Du solltest da erstmal ordentlich "clearen", damit die einzelnen <ul>-Listenelemente untereinander ausgerichtet werden:

      .CalendarGroup  {
          list-style-type: none;
          margin: 0 -1px;
          padding: 0;
          clear:left;
      }

Übrigens läuft der Selektor für Nachfahren ".CalendarGroup ul" ins Leere.

Desweiteren werden die abgerundeten Ecken durch diese margin-Deklaration überdeckt:

      #CalendarPage {
          height: 100%;
          background: #f1f1f1;
          margin: -16px -10px;
          padding: 0;
      }

Wenn die Berechnung der Spaltenbreiten nicht paßt, solltest du mal den Rechenschieber zu Rate ziehen, denn die Hälfte von 624px beträgt 312px, und nicht 314px, um hier mal exemplarisch bei .col_twoDays zu bleiben.

Aber selbst die 624px für einen Tag sind schon zu groß gewählt, wenn ich von 664px den beidseitigen Innenabstand, die 40px für .col_time, sowie den linken/rechten Rahmen und linken/rechten Außenabstand der li-Elemente subtrahiere.

Und von welchem Tabmenü redest du?

mfg Maik

 

[GN911]

Yo Maik, ich habe die runden Ecken entfernt. Ist zwar schade aber bringt ja nichts wenn das nachher wie gewollt und nicht gekonnt aussieht.

Also das Tab-Menü soll #CalendarPage umschließen, so wie hier: http://developer.yahoo.com/yui/examples/tabview/frommarkup.html
Habe aber noch keinen Plan wie machen.

Was das aktuelle angeht, ist das ich clear reingesetzt habe und die Liste immer noch nicht links sitz....

 

[Maik]

Also das Tab-Menü soll #CalendarPage umschließen, so wie hier: http://developer.yahoo.com/yui/examples/tabview/frommarkup.html
Habe aber noch keinen Plan wie machen.

Ich würde mal sagen, dass der Kalender dann dort hingehört, wo in dem Demo "Tab Content" erscheint.

Was das aktuelle angeht, ist das ich clear reingesetzt habe und die Liste immer noch nicht links sitz

Du hast meinen Code und Hinweis bezüglich des fehlerhaften Selektors nicht beachtet, weshalb er bei dir weiterhin im HTML-Code keine Übereinstimmung findet.

mfg Maik

 

[GN911]

Du hast meinen Code und Hinweis bezüglich des fehlerhaften Selektors nicht beachtet, weshalb er bei dir weiterhin im HTML-Code keine Übereinstimmung findet.

ich hab doch jetz:
#CalendarPage .CalendarGroup ul {}
#CalendarPage .CalendarGroup li {}

http://www.xlabs.de/corner/test.html

draus gemacht?

 

[Maik]

Besitzt das <ul>-Element mit der Klasse .CalendarGroup ein weiteres <ul> als Nachfolgeelement, für das die Regel gelten soll?

Nein, also lautet der Selektor "#CalendarPage ul.CalendarGroup {}", oder "#CalendarPage .CalendarGroup {}".

mfg Maik

 

[GN911]

Morgen Maik,

sieht im IE6 trotzdem noch komisch aus..
es kommt keine weitere Liste rein, denk ich mal, werde drine wohl mit dl dt dd die Sache in Form bringen

 

[Maik]

In den anderen Browsern (FF, IE7, IE8, Opera, usw.) sieht's aber auch nicht besser aus :suspekt:

Exemplarisch der FF-Schnappschuß:



Dürfte noch immer an den gestern angesprochenen falsch berechneten Spaltenbreiten liegen.

Hier eine Maßkorrektur:

#CalendarPage .CalendarGroup li.col_time { width: 40px; }
#CalendarPage .CalendarGroup li.col_oneDay { width: 608px; }
#CalendarPage .CalendarGroup li.col_twoDays { width: 302px; }
#CalendarPage .CalendarGroup li.col_threeDays { width: 200px; }
#CalendarPage .CalendarGroup li.col_fourDays { width: 149px; }
#CalendarPage .CalendarGroup li.col_fiveDays { width: 118px; }
#CalendarPage .CalendarGroup li.col_sixDays { width: 98px; }
#CalendarPage .CalendarGroup li.col_sevenDays { width: 83px; }

mfg Maik