css koding

[Smidt]

jeg holder på å kode siden fisken som ble lagt ut for kort tid siden. kodingen foregår i css og jeg har foreløpig klart å kode alle de forskjellige div'ene hver for seg, men når jeg skal sette alt sammen får jeg det ikke helt til..

siden skal til slutt se ut som dette her

håper det noen med peiling på css kan hjelpe meg. det jeg foreløpig prøver på er å lage selve hoved'diven i en index.htm fil. alle de andre småboksene ligger i en annen fil divs.php

all css'en er i samme fil og jeg har brukt fulstendig link til bilder, for å gjøre det lettere for de som skulle finne på å hjelpe

 

 

alstå css filen --> http://predicted.net/layout/stil.css

selve siden: http://predicted.net/layout/

småboksenehttp://predicted.net/layout/divs.php

 

håper det er noen som kan ta en titt.

 

 

EDIT: kodingen så langt funker i IE

 

edit: vet at bildene brukt i småboksene ikke stemmer helt, men dette er fordi det er bilder fra tidligere og de blir brukt for å lettere kunne skille de forskjellige div'ene fra hverandre

 

EDIT: minor link error

Endret 26. mars 2004 av Smidt

[DanielP]

Hehe, bør vell kanskje ta deg en kikk på CSS en

[Smidt]

link oppdatert. prøver på nytt

[Smidt]

okei, har prøvd meg en del frem selv og klart å kode meg frem så langt: http://predicted.net/layout/

men nå finner jeg ikke helt ut av mer.. jeg får ikke innholdsboksen til å komme opp ved siden av menyen.. hvordan kan jeg gjøre dette?

nede til høyre er det også en lite bug, den svarte kantlinjen fortsetter ikke helt ned.. håper noen kan ta en titt på dette.

[Svendsen]

har bare leika litt med div... men prøv float left på de to meny boksene ???? husker ikke helt

[cfenzo]

div rundt menyene med float: left; og float: left også på selve innhold-div'en..

og husk clear:both; på footer.. (og event legg footer under innhold men i div'en rundt menyer og innhold... slik:

 

<container>

<menycontainer>

<meny1>

</meny1>

<meny2>

</meny2>

</menycontainer>

<innhold>

</innhold>

<footer>

</footer>

</container>

 

skrev ikke opp som div="id" for å gjøre det tydeligere hvilke elementer som bør hvor..)

[Smidt]

takk takk, nå er innholdsboksen der den skal være og det funker i IE *elsker css*

har klart å fikse mellomrommet på høyresiden og nå, men nå får jeg ikke med footeren. noen som vet hva jeg kan gjøre?

[cfenzo]

gimme url, så skal jeg se på det... (huska clear: both; ? )

[Smidt]

url: http://predicted.net/layout

css: http://predicted.net/layout/stil.css

har med clearen ja, men vet ikke om den er riktig plassert..

[cfenzo]

uhm.. er jo ikke no footer i kildekoden der da..

[Smidt]

uhm,

div class="maindiv-b"></div><div class="clear"></div>

maindiv-b er jo footeren.

 

edit: [tegnforklaring]

 

forkortelsene etter "-" står for

t = topp

bg = bakgrunn

b = bunn

altså er maindiv-b bunnen i maindiv.

[/tegnforklaring]

Endret 27. mars 2004 av Smidt

[cfenzo]

.maindiv-b {

background: url("http://predicted.net/layout/images/bunn.jpg") bottom no-repeat;

width: 608px;

height: 14px;

clear: both;

}

 

 

?

 

 

ser at det fortsatt nok ikek blir helt som du hadde tenkt deg.. men.. ha footer over hele bredden og ikke bare på den høyre biten?

Endret 27. mars 2004 av cfenzo

[Smidt]

funker å legge inn clear:both; i selve bunnen, men jeg får nå det lille mellomrommet i borderen på venstresiden.

kan prøve å slice om litt og..

[Smidt]

hadde slicet bunnen i full bredde. glemte det da jeg kodet.. nå funker alt.

takk for hjelpen enzo

[Cucum(r)]

Funker ikke helt i mozilla.

Innholdsfeltet strekker seg ikke ned til footer

[PoleCat]

Siden "fullføres" ikke til bunnen i IE6. Det blir et STORT grått tomrom.

 

EDIT: 1280x1024

Endret 27. mars 2004 av PoleCat

[Smidt]

fixed, takket være litt hjelp fra Polert. jeg vet at ©'en er midt på siden, men dette skal jeg fikse på..

 

*har for første gang klart å kode (nesten selv) en side i css som funker i alle de store nettleserne, liker virkelig css*

[PoleCat]

fixed, takket være litt hjelp fra Polert.

 

 

[Smidt]

jeg lurer litt på hvordan jeg kan få denne div'en til å være helt nederst. altså så langt nede som bg'en slutter.

.maindiv-b {
background: url("http://predicted.net/layout/images/bunn.jpg") no-repeat bottom;
width: 754px;
height: 14px;
clear: both;
vertical-align:bottom;

link til siden om du vil: http://predicted.net/layout

css filen : http://predicted.net/layout/stil.css

 

edit: om du ser siden i 1024x768 eller under, vi du ikke se feilen. altså må du opp i 1280x1024 for å se feilen.

håper noen kan hjelpe meg.

Endret 27. mars 2004 av Smidt