Gå til innhold

" div id " på lik linje

maltake

Av maltake
i Programmering og webutvikling

Anbefalte innlegg

maltake

maltake

Skrevet
Skrevet

Hei.

Jeg driver på å småprøver meg på å lage meg en hjemme side.

Og allerede nå så har jeg kommet til et lite problem som jeg ikke helt klarer å løse selv.

siden min er http://www.larse.net/v1/

 

Det jeg har problemer på med den siden er å få "main left" og "main right" på lik linje som på "man test"

 

Uansett hva jeg prøver på, så kommer enten "main left" på undersiden eller på oversiden av "man test"

 

Her kan du se hva som har blitt kodet enn så lenge.

 

http://www.larse.net/v1/index.phps

http://www.larse.net/v1/ctyle.phps

 

 

Takker for all tilbakemelding :love:

Lenke til kommentar

Videoannonse

Videoannonse
Annonse
maltake

maltake

Skrevet
  • Forfatter
Skrevet
Her har du problemet:

 

#main - width: 512px

#main-left og right - width: 256px

 

256x2=512

 

#main-left og right - border: 1px left/right

 

1px*4=4

 

512+4=516 :)

 

Altså du må gjøre bredden på main større, eller mindre på left/right.

7815230[/snapback]

 

 

jo, det stemmer nok det. men det løser ikke problemet mitt at den kommer på samme linje som "main" , den holder seg fortsatt på linjen under, eller over uansett hva jeg gjør

Lenke til kommentar
Svinat

Svinat

Skrevet
Skrevet

Jeg gjorde nok en feil, trodde main var noe annet.

 

For det første ligger det en div i <head>, det er feil. Den skal i body. Du må også lage en div som alt ligger inni, den må være bred nok slik som jeg skrev over.

 

Legg alt inni hoveddiven som holder alt på plass, legg left/right på samme linje i html-dokumentet og bruk float: left; på dem.

Lenke til kommentar
bynhffba

bynhffba

Skrevet
Skrevet

Gjør om HTML koden litt, så kan du (maltake) bruke float egenskapen til å gjøre slik du beskrev i første posten.

 

Gjør om slik i HTML:

<div id="main-left">Main-left test</div>
<div id="main-right"> Main-right test</div>
<div id="main">Main test</div>

 

Og legg inn dette i CSS

#main-left { float: left; }
#main-right { float: right; }

 

Så må du begrense bredden slik Svinat beskriver.

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
Gå til emneliste
×
×
  • Opprett ny...