Trenger litt hjelp med CSS

[pgdx]

Hei.

 

Holder på å "klage" en side, men får den ikke som jeg vil. Klarer det selvsagt med tabeller, men ikke med DIV!

 

http://helene.drange.net

 

Jeg vil at de to kolonnene som står på hver sin side skal være helt inntil hverandre. Noen som har en idé?

 

Dessuten vil jeg at .bottom skal komme under den nederste av div-ene, right og left.

 

Idéer mottas med evig takknemlighet!

[MDCCLXXVI]

fikk ikke du 20/20 på 2:15 på css quizen?

[pgdx]

fikk ikke du 20/20 på 2:15 på css quizen?

Quizen var rimelig enkel... tror det var 2:22 også, så da er det vel greit at jeg spør?

[DanielP]

Vil du at .left og .right skal være helt inntil hverandre?

Da er det vell bare til å bruke enten float: left på .right eller position: absolute; og plassere dem.

 

Hehe, si ifra hvis jeg prøver å løse feil problem her.

 

DanielP

[pgdx]

Ja, de skal være midtstilte, det glemte jeg visst å si, ja...

 

Så hvis jeg bruker float: left, så løser ikke det problemet.

[DanielP]

Hehe, er vell bare å bruke

 

position: absolute;
left: XXpx;
width: XXpx;
top: XXpx;
height: XXpx;
osv

 

 

Bare til å fylle ut

 

DanielP

[pgdx]

Hvordan mener du jeg skal få den midtstilt ved absolute?

[Unglar]

hva med å lage en ramme som er midstilt, for så og legge begge kolonnene inni ramme med float left.

lEs mer på http://www.glish.com/css/3.asp. Det er ikke akkurat d du skal ha, men d burde kunne forandres litt på

[DanielP]

Hvordan mener du jeg skal få den midtstilt ved absolute?

ooops- leste litt feil

Beklager

 

DanielP

[pgdx]

hva med å lage en ramme som er midstilt, for så og legge begge kolonnene inni ramme med float left.

lEs mer på http://www.glish.com/css/3.asp. Det er ikke akkurat d du skal ha, men d burde kunne forandres litt på

Ja, det er jo slik jeg har gjort det når jeg har laget det med tabeller, da, men vil helst unngå akkurat det, men takk for tipset. Har ikke tenkt på det før nå!

[Unglar]

den linken var med <div> var den ikke

[magikern]

juksa du på den testen? neida bare veit at de testene egentlig ikke er så veldig bra, men se her:

 

du bruker width: 200px; på left og right da vil de aldri fylle hver sin halvpart av skjermen med mindre du setter body { width: 400px;} (evt bruker veldig liten oppløsning)

 

bottom { position: fixed;} gjør at bottom alltid havner på nøyaktig samme plass på skjermen din samme hvordan alt annet er.

 

så istedenfor det du har skrevet:

prøv dette:

 

.left {
   float: left;
   width: 50%;
}

.right {
   float: left;
   width: 50%;
}


.bottom {
   float: left;
   width: 100%;
}

 

det funker fett på en side jeg har... riktignok har jeg litt andre størrelser der, men jeg testa nå med 50 50 og det gikk bra... fungerer i alle oppløsninger også...

 

edit: skrifelejf...

Endret 9. januar 2004 av magikern

[Unglar]

.left {
   float: left;
   width: 50%;
}

.left {
   float: left;
   width: 50%;
}


.bottom {
   float: left;
   width: 100%;
}

kanskje

.left {
   float: left;
   width: 50%;
}

.right {
   float: left;
   width: 50%;
}


.bottom {
   float: left;
   width: 100%;
}

Endret 9. januar 2004 av Unglar

[pgdx]

Felisespikker

 

 

Takk, magikern!

[magikern]

hum , leste igjennom første posten en gang til og fikk nå en følelse av at du vil ha kolonnene så tynne som de er nå, da tror jeg du må gjøre noe som dette:

 

.left {
float: left;
margin-left: 25%;
width: 25%;
}
.right {
float: left;
margin-right: auto;
width: 25%;
}

 

hvis 25% blir feil tykkelse regn deg fram til riktigere selv, eller hvis du må ha faste størrelser:

.left {
float: left;
margin-left: 200px;
width: 200px;
}
.right {
float: left;
margin-right: 200px;
width: 200px;
}

 

men her må du enten ha en extra ramme rundt og sette fast størrelse på den eller sette fast størrelse på body {} og de nøyaktige størrelsene og margin kan ikke jeg finner for deg uten å vite mer nøyaktig hvor stort du vil ha hele greia, bottom kan være 100% uansett...

 

de siste forslagene har jeg ikke testet så ta det med en klype salt...

[haugsand]

Kunne du ikke tegnet hvordan du vil ha det? Samt sagt ifra om du skal ha dynamisk eller fast bredde.

[pgdx]

En header

to kolonner, #left, #right, hver på 200px som skal være midtstilt

en footer

Endret 9. januar 2004 av Toolshed

[pgdx]

Ja, der fikk jeg det til, gitt... Hvis noen vil vite hvordan, er det bare å se kildekoden.

 

Snart. Jeg har ikke uploadet den ennå.

 

 

(laget #frame ytterst med bredde på 400px, altså #left + #right)

[FuLu]

Vil bare nevne at den ikke blir midtstilt i IE 6 her. Virker som margin auto ikke fungerer her

 

Ser greit ut i Opera, men i Mozilla/firebird så kommer de under hverandre, kan ha noe med padding å gjøre?

Endret 9. januar 2004 av FuLu

[pgdx]

Vil bare nevne at den ikke blir midtstilt i IE 6 her. Virker som margin auto ikke fungerer her

 

Ser greit ut i Opera, men i Mozilla/firebird så kommer de under hverandre, kan ha noe med padding å gjøre?

Takk for tilbakemeldingen. Jeg har ikke IE her (RedHat), men får finne meg en windows-maskin.

 

Kan være at margin-left(right): auto; ikke virker, ja... Den er lei!