WN

WN (https://www.wn.se/forum/index.php)
-   Klientsidans teknologier, design och grafik (https://www.wn.se/forum/forumdisplay.php?f=12)
-   -   Två DIV bredvid i Firefox (https://www.wn.se/forum/showthread.php?t=11519)

Venice 2005-12-28 19:19

Jag har två div-taggar som jag vill skall ligga bredvid varandra. Jag använde då float: left samt en bredd för dessa så de får plats i den gemensamma taggen som de ligger som har en fast bredd.

De ligger då vid sidan om varandra, men ibland (men allt för ofta) i FF när man laddar sidan så hamnar den andra Div:en under den första. Finns det något sätt att få dem att alltid ligga bredvid varandra. Jag har testat med white-space: nowrap; på den div-tagg som de båda div:arna ligger i, men det hjälper inte.

Här är sidan: http://www.disneyfilmsidan.se/index7.asp

Det är under FilmNytt (ungefär halvvägs ner på sidan) som de båda Div:arna är (Kommande DVD-releaser och Kommande Disneyfilmer)

Björn 2005-12-28 19:48

clear:none;

Venice 2005-12-28 19:59

Den flyttar ändå ner den andra div:en...

Så här ser koden ut (om man tar bort innehållet)

<div class="bg-tb-lista" style=" clear: both; display: table; overflow: hidden; white-space: nowrap;">
<div class="line-r" style="width: 354px; float: left; white-space: normal; display: block; clear: none; ">

</div>
<div style="width: 353px; float: left;display: block; clear: none; ">

</div>
</div>

Bjarne 2005-12-28 20:48

Det kan hända om den omslutande div:en inte har tillräcklig bredd.

Annars är ett hett tips att använda float:right på div nummer 2.

danjel 2005-12-28 20:50

varför inte float:right på ena och float:left på den andra istället?

Venice 2005-12-28 21:17

Citat:

Originally posted by Bjarne@Dec 28 2005, 21:48
Det kan hända om den omslutande div:en inte har tillräcklig bredd.

Annars är ett hett tips att använda float:right på div nummer 2.

Den omslutande div:en är tillräckligt stor. Jag testade att minska storleken på den ena div:en så att det skulle vara gått om plats, och den fortsättar att flytta ner den en div:en, både på båda satt till float: left; och vid Left på ena och Right på andra.

Header 2005-12-28 23:25

Tex så här brukar jag göra i css mallen, och det fungerar i FF

#kolumn1 {width: 350px; float: left; margin-right: 10px; padding: 5px;}

#kolumn2 {width: 350px; float: right; padding: 5px;}

<div id="kolumn1">Innehållet som ska vara i den vänstra spalten</div>

<div id="kolumn2">Innehållet i den högra spalten</div>

Du kan ju minska marginalen mellan kolumnerna om du vill, här har jag satt den till 10px.
Hoppas det hjälper dig.

EDIT: Stavfel

Venice 2005-12-29 11:46

Nu fungerar det. Jag tog bort alla style-värden från den omslutande div-taggen.


Alla tider är GMT +2. Klockan är nu 16:40.

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