✔ 2 Spaltenlayout + runde Ecken

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

Code: 
      .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...
 
Machen wir's doch so: Du meldest dich, wenn ein konkretes Problem auftaucht :)

mfg Maik
 
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..... :confused::confused::confused::confused:

mfg GN911
 
Du solltest da erstmal ordentlich "clearen", damit die einzelnen <ul>-Listenelemente untereinander ausgerichtet werden:
Code: 
      .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:
Code: 
      #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
 
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....:confused:
 
GN911 hat gesagt.:
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.
Zum Vergrößern anklicken....
Ich würde mal sagen, dass der Kalender dann dort hingehört, wo in dem Demo "Tab Content" erscheint.

GN911 hat gesagt.:
Was das aktuelle angeht, ist das ich clear reingesetzt habe und die Liste immer noch nicht links sitz
Zum Vergrößern anklicken....
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
 
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
 
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
 

Anhänge

  • test.jpg
    test.jpg
    14,5 KB · Aufrufe: 15
In den anderen Browsern (FF, IE7, IE8, Opera, usw.) sieht's aber auch nicht besser aus :suspekt:

Exemplarisch der FF-Schnappschuß:

ff.jpg

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

Hier eine Maßkorrektur:
CSS: 
#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
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück