WN

WN (https://www.wn.se/forum/index.php)
-   Klientsidans teknologier, design och grafik (https://www.wn.se/forum/forumdisplay.php?f=12)
-   -   Vill inte expandera (css) (https://www.wn.se/forum/showthread.php?t=13827)

serial 2006-04-29 20:02

Har en omslutning kring några andra boxar för att kunna sätta en bakgrundsfärg på denna, problemet är att den bara expanderar i IE, inte i Firefox, vad är det jag gjort fel? Just nu har jag satt den på 1200px i höjd för att det ska fungera så länge.


Kod:

#omslutning {
  background-color: #FFFFFF;
  width:        800px;
  height: 1200px;
  margin-left: auto;
  margin-right: auto;
  border-bottom: #CCCCCC 1px solid;
  border-left: #CCCCCC 1px solid;
  border-right: #CCCCCC 1px solid;
}

Är det någon som vet så är jag tacksam

Björn 2006-04-29 20:08

sätt float:left och clear:both, på bägge de inre, samt givetvis bredd.. så kommer det ordna sig...

serial 2006-04-29 20:32

Ok, jag förstod inte riktigt vad du menade med bägge de inre, men jag satte dom i omslutning och expanderingen fungerade, problemet nu är hur jag ska få den centrerad i och med att den la sig till vänster..

serial 2006-04-29 23:40

Bägge de inre? Är det någon som vet vad han menar?

Varför expanderar den som den ska ifall jag använder mig av float: left; i #omslutning men inte när jag tar bort det för att få sidan centrerad?

Någon som kan veta detta?

martine 2006-04-30 16:06

Citat:

Originally posted by serial@Apr 29 2006, 20:02
Har en omslutning kring några andra boxar för att kunna sätta en bakgrundsfärg på denna, problemet är att den bara expanderar i IE, inte i Firefox, vad är det jag gjort fel? Just nu har jag satt den på 1200px i höjd för att det ska fungera så länge.
Kod:

#omslutning {
 * *background-color: #FFFFFF;
 * *width:        800px;
 * *height: 1200px;
 * *margin-left: auto;
 * *margin-right: auto;
 * *border-bottom: #CCCCCC 1px solid;
 * *border-left: #CCCCCC 1px solid;
 * *border-right: #CCCCCC 1px solid;
}

Är det någon som vet så är jag tacksam

Jag vet inte hur css:en såg ut innan du satte height: 1200px;. men eftersom du satt fast bredd och höjd så kan den ju inte expandera! (IE expanderar ändå felaktigt alltid boxar så att allt får plats.)

Om du letar efter efter en möjlighet att ange en höjd på exempelvis 300px men vill att den ska bli längre om det behövs så kan du använda
min-height: 300px; som på css betyder att boxen ska vara 300px men om mer plats behövs för att få plats med allt innehåll så får boxen växa (upp till höjden angiven i max-height).

Eftersom IE har en egen idé om height så motsvarar commandot height i IE min-height i css (höjden skall vara åtminstone X pixlar hög). En lösning vore då alltså:
Kod:

#omslutning {
 ** width:        800px;
 * *min-height: 300px;
 * *margin: 0 auto;
 * *border: #CCCCCC 1px solid;
 * *border-top: none;
}
* html #omslutning {
 * *height: 300px; * * * * * */* specialregel enbart för IE, andra webläsare följer css-specificationen */
}

(jag stökade visst till din css-kod lite, blev lite kortare, men inte bättre :rolleyes: , poängen är förstås att använda min-height)

Edit: Vad Björn menar förstår inte jag heller, varför, som sagt skulle man sätta float:left om man vill ha en centrerad sida, han kanske inte läste din fråga/kod ordentligt?

serial 2006-04-30 16:23

Tack martine, hittade dock en lösning som fungerade,

Jag la till <br style="clear:both"/> precis innan jag avslutade #omslutning med </div>

och då expanderade den även i firefox som det var meningen.

Tack för hjälpen i alla fall =)

martine 2006-04-30 16:35

Citat:

Originally posted by serial@Apr 30 2006, 16:23
Jag la till <br style="clear:both"/> precis innan jag avslutade #omslutning med </div>
Aha, #omslutning var fylld med floats... Ja då svarade jag kanske lite på fel fråga...

serial 2006-04-30 18:06

Det är ju trots allt tanken som räknas =)


Alla tider är GMT +2. Klockan är nu 05:29.

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