Thanks for your reply again!
The .clearfix isn't working for me, neither in Firefox 3 nor Safari 3.
I ended up with the second version (.clear on Land).
Regards,
Cronet
On 24 Nov., 23:50, Lorin Tackett <[EMAIL PROTECTED]> wrote:
> Ha! Sorry, momentary loss of sanity. Yes, that functions just as I
> described that it would, I just pointed you to the wrong div. My
> mistake. Using structural markup is one way of doing it, though as web
> standards go it's not exactly the most efficient way to do it. Try
> using the .clearfix class on Ort, or using .clear on Land.
>
> -Lorin
>
> On Nov 24, 2008, at 2:39 PM, Cronet wrote:
>
>
>
> > Thank you for the fast reply!!
>
> > Adding .clear to the "Ort" container cleares Ort in the next line and
> > country is beside Zip ("PLZ").
>
> > I need the order ZIP, CITY - next line - COUNTRY ...
>
> > There is a solution, adding a div to the country container and adding
> > there .clear class.
>
> > Perhaps theres a smarter solution than that... But I don't see it at
> > the moment...
>
> > Regards,
> > Cronet
>
> > On 24 Nov., 23:28, Lorin Tackett <[EMAIL PROTECTED]> wrote:
> >> 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
-~----------~----~----~----~------~----~------~--~---
