Kom ihåg mig?
Home Menu

Menu


Klurig CSS-fråga, kan du klara den?

 
Ämnesverktyg Visningsalternativ
Oläst 2017-07-23, 03:19 #1
jonssondesign jonssondesign är inte uppkopplad
Mycket flitig postare
 
Reg.datum: Oct 2010
Inlägg: 709
jonssondesign jonssondesign är inte uppkopplad
Mycket flitig postare
 
Reg.datum: Oct 2010
Inlägg: 709
Precis som Syke skrev ska du göra.

Såhär blev resultatet när jag gjorde som Syke skrev: https://gyazo.com/b1b6f4158ff5c1a5a87b2111614bbc79
jonssondesign är inte uppkopplad   Svara med citatSvara med citat
Oläst 2017-07-24, 00:43 #2
Thomas E Thomas E är inte uppkopplad
Medlem
 
Reg.datum: Jul 2006
Inlägg: 85
Thomas E Thomas E är inte uppkopplad
Medlem
 
Reg.datum: Jul 2006
Inlägg: 85
Ser bra ut. Men vad händer om du minskar bredden på browsern så att minst en liten <div> hamnar efter/under den stora? Jag vill ha den rakt under den stora, inte till höger-under den.

På andra sidor kan det vara minst 25 små divs, så de måste ha en flow ner under den stora.
Thomas E är inte uppkopplad   Svara med citatSvara med citat
Oläst 2017-07-25, 20:51 #3
Thomas E Thomas E är inte uppkopplad
Medlem
 
Reg.datum: Jul 2006
Inlägg: 85
Thomas E Thomas E är inte uppkopplad
Medlem
 
Reg.datum: Jul 2006
Inlägg: 85
Jag laborerade lite vidare. Jag löste problemet (?) genom att lägga till en tom div, göra float:right på den så den la sig längst till höger. Sedan göra ytterligare en tom div som gör clear:right, som puttar ner sig ett snäpp tack vare den tomma diven till höger. Det ger radbytet jag vill ha.

<div class="inposter" style="float:right;width:0px;"></div><div style="clear:right;"></div>

Någon som ser ett läge när detta inte fungerar? Eller har en bättre lösning, utan dummy-divs?
Thomas E är inte uppkopplad   Svara med citatSvara med citat
Svara


Aktiva användare som för närvarande tittar på det här ämnet: 1 (0 medlemmar och 1 gäster)
 

Regler för att posta
Du får inte posta nya ämnen
Du får inte posta svar
Du får inte posta bifogade filer
Du får inte redigera dina inlägg

BB-kod är
Smilies är
[IMG]-kod är
HTML-kod är av

Forumhopp


Alla tider är GMT +2. Klockan är nu 19:01.

Programvara från: vBulletin® Version 3.8.2
Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.
Svensk översättning av: Anders Pettersson
 
Copyright © 2017