hur får man 2 divar att ligga brevid varandra?

8 svar · 667 visningar · startad av BigDave 25 sep. 2007

BigDaveMedlem sedan jan. 200731 inlägg

Trådstart25 sep. 2007 06:58#1

Hej!

Hur får man två divar att ligga centrerat brevid varandra

Så här ser min html ut:

					<div class="listend">
						<div class="btnContent">
							<button type=submit id=PgUp name=PgUp class="btn" onclick='sbmButton(event);' >
								<img id=prev src="prev.gif" alt='' />
							</button>
						</div>
						
						<div class="btnContent">
							<button type=submit id=PgDn name=PgDn class="btn" onclick='sbmButton(event);' >
								<img id=next src="next.gif" alt='' />
							</button>
						</div>					
				</div>

tantenMedlem sedan nov. 20051 596 inlägg

25 sep. 2007 07:09#2

T.ex genom att ha float på class="btnContent" och se till att class="listend" är tillräckligt bred för att få plats med båda två.
så du ska ha en widd satt på båda...
Eftersom det är classer så kanske det inte fungerar för dig att ha widd på dem, då kan du peta in dem i en div som bestämmer bredden. Fungerar inte detta så får du nog visa vad du har i css...

doggelitoMedlem sedan juni 20003 076 inlägg

25 sep. 2007 07:11#3

en variant!

.listend {
     text-align:center;
}
.btnContent {
     display:inline;
}

BigDaveMedlem sedan jan. 200731 inlägg

25 sep. 2007 10:01#4

Tack för svaren!

Löste det genom att lägga till en float

.listend {
     text-align:center;
}
.btnContent {
     float:left;
	 display:inline;
}

doggelitoMedlem sedan juni 20003 076 inlägg

25 sep. 2007 11:52#5

Inte för att jag ser varför du behöver float:left på btnContent men bra att det löste sig!

PS. Kryssa gärna i att tråden är löst!

spangoMedlem sedan juni 20008 205 inlägg

25 sep. 2007 12:11#6

doggelito skrev:

Inte för att jag ser varför du behöver float:left

Därför att display: inline är fel
Se t.ex. http://www.webmasterworld.com/forum83/4961.htm

doggelitoMedlem sedan juni 20003 076 inlägg

25 sep. 2007 12:18#7

spango skrev:

Därför att display: inline är fel

Hur menar du?
Får man inte ha display:inline på en div?

spangoMedlem sedan juni 20008 205 inlägg

25 sep. 2007 14:17#8

Klart man får. Varför skulle man inte få ha det? Var har du fått såna dumma idéer ifrån? Mitt fel, hjärnan ligger kvar hemma idag.

doggelitoMedlem sedan juni 20003 076 inlägg

25 sep. 2007 14:24#9

Hehe, sånt som händer!