Søg
Avatar billede skra Nybegynder
16. februar 2003 - 14:00 Der er 8 kommentarer og
1 løsning

divs på samme baseline

Dav!

Jeg har en kode:
<div style="float:left;">
  div 1<br>
  div 1<br>
  div 1
</div>

<div style="float:right">
  div 2
</div>

Nu er de to <div>'s placeret ved siden af hinanden, men "div 2" er placeret der hvor "div 1" har sin top. Hvordan får jeg istedet placeret de to <div>'s på samme "bundlinje"?

Måske kan jeg illustrere det:

NUVÆRENDE SITUATION:
div 1          div 2
div 1
div 1

JEG ØNSKER:
div 1
div 1
div 1          div 2

Selvfølgelig kan jeg lave det med en table, men det ville jeg helst undgå..
Avatar billede skg Nybegynder
16. februar 2003 - 14:05 #1
umiddelbart... det kan du ikke



der er ikke noget der heddr vertical-align uden for en celle i en table, og det er det du efterlyser !
Avatar billede skra Nybegynder
16. februar 2003 - 14:07 #2
skq er du så meget hjemme i HTML og CSS at du vil mene dig STENsikker?
Avatar billede skg Nybegynder
16. februar 2003 - 14:09 #3
nej, der er altid en eller anden der finder en løsning, sådan er verden :-)


den tanke jeg sad og rodede med (men jeg har ikke testet det) var noget ala:

<div id="outer">
<div id="inner1" style="width:100px;float:left;">
div 1<br>div 1<br>div 1<br>div 1<br>
</div>

<div id="inner2" style="width:100px;float:left;position:relative;bottom:0px;">
div 2
</div>
</div>
Avatar billede skra Nybegynder
16. februar 2003 - 14:16 #4
Den virker ikke helt 100, men jeg kan se din ide. Jeg synes bare jeg har set det gjort enkelt og smart et sted... Kan bare ikke huske hvor.
Hvis der ikke kommer anre bud skal du nok få point for det anyway
Avatar billede skg Nybegynder
16. februar 2003 - 14:25 #5
<div>
<div id="inner1" style="height:100%;width:100px;float:left;">
div 1<br>div 1<br>div 1<br>div 1<br>
</div>

<div id="inner2" style="height:100%;width:100px;float:left;position:relative;">
<div id="outer" style="border:1px solid red;position:absolute;left:0px;bottom:0px;">
div 2
</div>
</div>

</div>
Avatar billede skra Nybegynder
16. februar 2003 - 14:29 #6
skq: har du testet det?!
Avatar billede skra Nybegynder
16. februar 2003 - 14:30 #7
men anyway,. Jeg siger tak for inspirationen og arbejder lidt videre på det.
Avatar billede skg Nybegynder
16. februar 2003 - 14:32 #8
jeg har testet det, og her hos mig ( ie 5.0 ) virker det fint
Avatar billede skra Nybegynder
16. februar 2003 - 14:35 #9
Det virker ikke helt i hverken IE 6 eller Opera 7
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel Indlæg Oprettet Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML 18 10/09/202515:07 17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML 3 19/03/202522:16 20/03/202513:04
Se og ændre html på en webside Af magger i HTML 4 11/03/202513:55 12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML 5 02/03/202520:05 04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML 3 30/10/202409:37 01/01/202515:27
Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I dag 11:37 Persits.Upload Af bsn i ASP
I går 18:13 oprette et installationsmedie Af Malm i Windows
I går 13:11 Adapterstik stik på ladekabel til USB-C Af ErikHg i Andet software
15/0911:19 Ios 27 iphone låst sim Af claes57 i Apps til iOS
14/0910:42 Tidsbestemt opladning af elbil Af vbr i Andet software
White papers
Flere white papers »