[LØST] Css design på side

12 innlegg i emnet

Skrevet

Hei!

Jeg er desverre ikke stødig nok på CSS enda til å klare akkurat dette selv.

Jeg skal ha en side som skal være delt opp i 4 deler.

Se her for tenkt oppdeling

Den sorte og røde skal være fixed (ikke scrolle)

Den hvite og den blå skal kunne scrolle.

Det må (desverre) virke 100% med IE.

Noen som vær så snill kan hjelpe meg å klare dette? og seff få noen fortjente poeng :)

mvh

Andreas

0

Del dette innlegget


Lenke til innlegg
Del på andre sider

Skrevet

bump,bump..... ingen som vet hvordan jeg kan klare dette?

0

Del dette innlegget


Lenke til innlegg
Del på andre sider

Skrevet

<STYLE TYPE="text/css">

<!--

.main {

}

.top {

	width: 100%;

	background-color: #000000;

	height: 100px;

	position: fixed;

}

.left {

	background-color: #FF0000;

	width: 100px;

	float: left;

	padding-top: 100px;

	position: fixed;

	height: 100%;

}

.right {

	background-color: #0000FF;

	float: right;

	width: 500px;

	height: 100%;

}

-->

</STYLE>

<DIV CLASS="main">

  <DIV CLASS="top"></DIV>

  <DIV CLASS="right"></DIV>

  <DIV CLASS="left"></DIV>

</DIV>

Er det noe sånnt du leter etter?

0

Del dette innlegget


Lenke til innlegg
Del på andre sider

Skrevet

Ble problemet løst eller??

0

Del dette innlegget


Lenke til innlegg
Del på andre sider

Skrevet

Heisann!

Beklager treigheten, har vært på en aldrig så liten påskeferie skjønner du :)

Når det gjelder designet så har jeg ikke fått det til enda nei.

For å forklare bedre så får jeg det ikke helt til nei. Jeg får det til i firefox, men må desverre forholde meg til IE.

Poenget er at hvis du ser på den tenkte oppdelingen Så vil jeg gjerne at de fargede delene (alle untatt den vhite) skal være fixed (ikke scrolle nedover, men være der hele tiden) er altså kun den hvite delen som skal scrolle.

Men IE har visst store problemer med position_fixed ettersom jeg har skjønt...

0

Del dette innlegget


Lenke til innlegg
Del på andre sider

Skrevet

Vil du ha scroll i den hvite eller bruke scrollen i browseren??

Dersom det er i det hvite setter du inn overflow-y:auto; (eventuelt :scroll;).

Anbefaler på det STERKESTE å laste ned DW (Dreamveawer) alt blir så mye enklere da, du kan velge om du vil skrive kode eller designe med musa...

0

Del dette innlegget


Lenke til innlegg
Del på andre sider

Skrevet

du anbefaler vel å KJØPE DW ? ;)

0

Del dette innlegget


Lenke til innlegg
Del på andre sider

Skrevet

Jeg har allerede DW. Men tenkte jeg skulle droppe å bruke den denne gang.. men må vel ty til DW igjen :)

Ja, scrollingen skal være i "den hvite delen"

Hvordan foreslår du koden da?

0

Del dette innlegget


Lenke til innlegg
Del på andre sider

Skrevet

Her er kanskje ett skritt nermere en løstning:

<STYLE TYPE="text/css">
<!--
.main {
height: 500px;
}
.top {
width: 100%;
background-color: #000000;
height: 100px;
}
.left {
background-color: #FF0000;
width: 100px;
float: left;
}
.right {
background-color: #0000FF;
float: right;
width: 500px;
height: 500px;
}
.center {
height: 500px;
overflow-y: auto;
position: relative;
}
-->
</STYLE>
<DIV CLASS="main">
<DIV CLASS="top"></DIV>
<DIV CLASS="left"></DIV>
<DIV CLASS="right"></DIV>
<DIV CLASS="center">
Bla<br><br><br><br><br><br><br><br><br><br><br><br>
bla<br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br>bla </DIV>
</DIV>[/html]

0

Del dette innlegget


Lenke til innlegg
Del på andre sider

Skrevet

EDIT: tekst fjernet fordi jeg fikk det til med koden din som basis!

Tusen hjertelig takk for hjelpen og for at du har holdt ut me dmine treige svar.

Poeng utdelt så mange som jeg kan gi ut :)

0

Del dette innlegget


Lenke til innlegg
Del på andre sider

Skrevet

Man trenger ikke å kjøpe DW ihverftfall ikke 8. Finnes i trial og jeg fikk den faktisk med en bok jeg kjøpte, men da hadde jeg den allerede. Finnes gratis på mange måter.....

0

Del dette innlegget


Lenke til innlegg
Del på andre sider

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å

  • Hvem er aktive   0 medlemmer

    Ingen innloggede medlemmer aktive