For what you're trying to do here, you should be using the class "clear" instead of "last" for the Ort container div.
This is because Blueprint's .last class only adjusts the right margin, it doesn't clear the float as you've suspected. Whereas the .clear class specifically does just that. -Lorin On Nov 24, 2008, at 2:09 PM, Cronet wrote: > > Hi there, > > I'm very new to Blueprint CSS and i got a basic question about the > grid thing. > > As I understand, you divide your layout with a grid and could easily > adjust the width with the classes span-1 to span-X, depends on the > layout. > > I have some Basic Layout > > <body> > <div class="container"> > <div id="header" class="span-24"> > HEADER GOES HERE > </div> > > <div id="nav" class="span-4 border"> > NAVIGATION > </div> > > <div id="main" class="span-20 last"> > > <p class="breadcrumb">kostenlos Registrieren</p> > > <h1>kostenlos Registrieren</h1> > > <form> > <fieldset id="register" class="" > style="border:0"> > <legend>Account Informationen</legend> > <label > for="UserUsername">Benutzername *</label><br /> > <input > name="data[User][username]" type="text" class="text" / >> <br /> > > <br /> > <hr class="span-8"> > > <div class="span-2 append-1"> > <label > for="UserZip">PLZ *</label><br /> > <input > name="data[User][zip]" type="text" class="text span-2" > maxlength="6" /> > </div> > <div class="span-8 last"> > <label > for="UserCity">Ort *</label><br /> > <input > name="data[User][city]" type="text" class="text > span-6" / >> <br /> > > </div> > > <label for="UserCountry">Land > *</label><br /> > <select > name="data[User][country]" class="text span-6"> > <option > value="1">Deutschland</option> > <option > value="2">Österrreich</option> > <option > value="3">Schweiz</option> > </select> > <br /><br /> > > <div class="submit"><input > type="submit" value="Benutzer > erstellen" /></div> > </fieldset> > </form> > <p class="notice"> > Die mit * gekennzeichneten Felder > müssen ausgefüllt werden. > </p> > </div> > <div id="footer" class="span-24"> > FOOTER > </div> > </div> > </body> > </html> > > > And it looks like this: > > http://dl.getdropbox.com/u/267383/Bild%201.png > > As you notice, the text-input for the Country ("Land") is right beside > the City ("Stadt") text-input but I thought with the class .last > should be the break for next elements to slide down in the next > line... > > > Can anybody explain me, why there isn't a break? > > Regards, > Cronet > > > > --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "Blueprint CSS" group. To post to this group, send email to [email protected] To unsubscribe from this group, send email to [EMAIL PROTECTED] For more options, visit this group at http://groups.google.com/group/blueprintcss?hl=en -~----------~----~----~----~------~----~------~--~---
