Cronet, In your section for the select country that needs to be in its own div. I did some testing and this is what I came up with.
<div class="clear span-6"> <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> This is just the section that you were talking about. This displays correctly in all 3 major browsers, IE, Firefox, and Safari. This needs to be in its own class and you need to use the clear command to move that selection down to the next line. Hope this helps. Timothy White Wilcox Development Solutions On Nov 24, 5:09 pm, Cronet <[EMAIL PROTECTED]> 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 -~----------~----~----~----~------~----~------~--~---
