Som besökare på Hamsterpaj samtycker du till användandet av s.k. cookies för att förbättra din upplevelse hos oss. Jag förstår, ta bort denna ruta!
Annons

Float i HTML/CSS?

Skapad av Diskmedel, 2008-11-09 02:38 i Webbutveckling & Programmering

681
25 inlägg
0 poäng
Diskmedel
Visningsbild
P 33 Örebro Hjälte 4 442 inlägg
0
Hallå där, sitter här och pillar med några div-boxar som jag vill ska hamna brevid varandra. Det ska vara tre boxar på varandra, sedan tre boxar till höger om de andra tre boxarna, men problemet blir att när de tre boxarna till höger kommer för långt till höger så flyttas de ner :/
Vilken lösning skulle vara lättast?

Partydödare på Spotify: http://open.spotify.com/user/dizkiz/playlist/2Udmokbmx9W9bRVTtS09Fz

Är reklamen ivägen? Logga in eller registrera dig så försvinner den!

Diskmedel
Visningsbild
P 33 Örebro Hjälte 4 442 inlägg
Trådskapare
0

Svar till Buddah [Gå till post]:

http://i37.tinypic.com/2moqzbt.jpg
Där är en bild, som ni ser är det tre boxar på varandra, men hur kan jag göra en kopia av dessa tre och placera ut bredvid?

Partydödare på Spotify: http://open.spotify.com/user/dizkiz/playlist/2Udmokbmx9W9bRVTtS09Fz

Diskmedel
Visningsbild
P 33 Örebro Hjälte 4 442 inlägg
Trådskapare
0

Svar till Rambutan [Gå till post]:

I principen, ja :).
Problemet är att när jag lyckats fått det med float, så flyttas de ner när de når kanten av sidan till höger. De måste vara bredvid varandra.

Partydödare på Spotify: http://open.spotify.com/user/dizkiz/playlist/2Udmokbmx9W9bRVTtS09Fz

Rojk
Visningsbild
P 37 Huddinge "Rojk" 3 576 inlägg
0
http://www.w3schools.com/Css/pr_class_clear.asp


Den kan nog hjälpa.

Exactly which part of B flat you don't understand!?

Diskmedel
Visningsbild
P 33 Örebro Hjälte 4 442 inlägg
Trådskapare
0

Svar till Cykelp3dal [Gå till post]:

Det fungerar nästan.
De hamnar bredvid varandra, men om man zoomar så sjunker den ner. Dessutom cpar lite andra divar.

Partydödare på Spotify: http://open.spotify.com/user/dizkiz/playlist/2Udmokbmx9W9bRVTtS09Fz

Diskmedel
Visningsbild
P 33 Örebro Hjälte 4 442 inlägg
Trådskapare
0
Svar till Buddah [Gå till post]:

Detta fungerade bara i firefox :/ och jag var tvungen att sätta width på "Minwrappern" för att inte boxarna skulle ramla ner.


Partydödare på Spotify: http://open.spotify.com/user/dizkiz/playlist/2Udmokbmx9W9bRVTtS09Fz

Diskmedel
Visningsbild
P 33 Örebro Hjälte 4 442 inlägg
Trådskapare
0

Svar till Buddah [Gå till post]:

Okej, för min footer åkte upp i FF också, och IE ligger helt konstigt. Aja, får nog ta och trixa vidare med det imorgon. Tack för hjälpen iallafall.

Partydödare på Spotify: http://open.spotify.com/user/dizkiz/playlist/2Udmokbmx9W9bRVTtS09Fz

iPhone
Visningsbild
P 32 Vallentuna Hjälte 435 inlägg
0

Svar till Diskmedel [Gå till post]:

Det blir så om bredden blir för tight. De trycks ner under varandra istället. Sätt en stooor width på wrappern ovanför alla divs så borde det fungera.

Jag är tydligen P26

Diskmedel
Visningsbild
P 33 Örebro Hjälte 4 442 inlägg
Trådskapare
0

Svar till ekkel [Gå till post]:

Tack, nu fungerar sidan precis som den ska i IE, men i firefox så ligger footern nästan högst upp på sidan (det är en <div> som jag bara lagt under), och rutorna flyttas fortfarande ner när man zoomar in.



Svar till iPhone [Gå till post]:

Jag testade att sätta en width: 2000px; på mainwrappern, och det fungerade, men centreringen fungerar inte, eftersom bredden är större, plus att det blir en scroll där nere, vilket känns onödigt.
Finns det ingen annan lösning?




Tillägg av Diskmedel 2008-11-09 14:41

EDIT: Fixade footern med en clear: left;
Så nu är det bara zoom-saken kvar >_<

Partydödare på Spotify: http://open.spotify.com/user/dizkiz/playlist/2Udmokbmx9W9bRVTtS09Fz

Diskmedel
Visningsbild
P 33 Örebro Hjälte 4 442 inlägg
Trådskapare
0

Svar till ekkel [Gå till post]:

Ska ladda upp den på något sätt :)
vänta lite bara.

Partydödare på Spotify: http://open.spotify.com/user/dizkiz/playlist/2Udmokbmx9W9bRVTtS09Fz

iPhone
Visningsbild
P 32 Vallentuna Hjälte 435 inlägg
0

Svar till Diskmedel [Gå till post]:

Lägg en bredd som kanske är 10px större än innehållet bara?

Jag är tydligen P26

Diskmedel
Visningsbild
P 33 Örebro Hjälte 4 442 inlägg
Trådskapare
0

Svar till iPhone [Gå till post]:

Eftersom innehållet täcker sidan blir det fortfarande en scroll, dessutom går det fortfarande inte att centrera :S

Partydödare på Spotify: http://open.spotify.com/user/dizkiz/playlist/2Udmokbmx9W9bRVTtS09Fz

Rojk
Visningsbild
P 37 Huddinge "Rojk" 3 576 inlägg
0
Om jag minns rätt så centrerar du bäst med en margin: 0, auto; och scrollen försvinner med en overflow: hidden;

Exactly which part of B flat you don't understand!?

Diskmedel
Visningsbild
P 33 Örebro Hjälte 4 442 inlägg
Trådskapare
0
Svar till Rojk [Gå till post]:

Marginen har jag redan, men ska testa overflow: hidden;


EDIT: Boxen flyttas fortfarande ner :(

Partydödare på Spotify: http://open.spotify.com/user/dizkiz/playlist/2Udmokbmx9W9bRVTtS09Fz


Forum » Datorer & IT » Webbutveckling & Programmering » Float i HTML/CSS?

Ansvariga ordningsvakter:

Användare som läser i den här tråden just nu

1 utloggad

Skriv ett nytt inlägg

Hej! Innan du skriver om ett potentiellt problem så vill vi påminna dig om att du faktiskt inte är ensam. Du är inte onormal och världen kommer inte att gå under, vi lovar! Så slappna av och gilla livet i några minuter - känns det fortfarande hemskt? Skriv gärna ner dina tankar och frågor, vi älskar att hjälpa just dig!

Den här tråden är äldre än Rojks drömtjej!

Det senaste inlägget i den här tråden skrevs för över tre månader sedan. Är du säker på att du vill återuppliva diskussionen? Har du något vettigt att tillföra eller passar din fråga i en ny tråd? Onödiga återupplivningar kommer att låsas så tänk efter en extra gång!

Hjälp

Det här är en hjälpruta

Här får du korta tips och förklaringar om forumet. Välj kapitel i rullningslisten här ovanför.

Rutan uppdateras automagiskt

När du använder funktioner i forumet så visas bra tips här.


Annons
Annons
Annons
Annons