Gå til innhold

CSS problem, help!


Anbefalte innlegg

Skrevet (endret)

Se her: fjellbar.com

 

EDIT: Problem delvis fikset. IE tuller seg som vanlig...

 

Som du ser er det noe som ikke henger på greip. Linjen oppe går ikke parallelt!

 

CSS:

 

<style type="text/css">
<!--
body {
background-color: #0668B4;
}
.scam {
background-image: url(scam.jpg);
background-repeat: no-repeat;
height: 417px;
width: 611px;
left: 0px;
position: absolute;
top: 0px;
}
.strekk {
background-color: #5F98D0;
height: 105px;
width: auto;
left: auto;
top: 0px;
}
-->
</style>
</head>

<body><div class="scam"></div><div class="strekk"></div>
</body>
</html>

 

Hva gjør jeg? Takk.

 

(Og for de som ikke skjønte det har ikke jeg et eget utested med slike flotte artister, leker meg bare litt)

Endret av baRs
Videoannonse
Annonse
Skrevet
Du koder siden opp i divs og styler elementene med css.

Er jo det jeg har gjort, trenger bare hjelp til rette litt på det slik at det funker. Orker ikke lese side opp og side ned midt på natten, er det ikke en enkel løsning på dette?

Skrevet
Du koder siden opp i divs og styler elementene med css.

Bruk litt bedre ord.

«[...] koder opp siden i divs [...]» er ytterst dårlig terminologi.

 

 

(Ja, dette er slike småting som irriterer meg grenselaust mykje.)

Skrevet (endret)

kan se ut som et bounding box problem. Prøv å sette borders-egenskapene til 0.

 

Hvis ikke får du sette absoluttplasseringen av boksene, og heller bruke javaskript til å flytte på disse ved oppstart/reskalering av siden.

Endret av Authority
Skrevet (endret)
Prøv å sette borders-egenskapene til 0.

funket ikke!

 

Hvorfor javascript? CSS må vel kunne klare et enkelt problem som dette!

Endret av baRs
Skrevet (endret)
.scam {
background-image: url(scam.jpg);
background-repeat: no-repeat;
height: 417px;
width: 611px;
left: 0px;
position: absolute;
top: 8px;
}

Tror du har misforstått. Det er blokken til høyre som skal klistres opp. .scam skal ikke 8px ned.. .strekk skal 8px opp heller og kant i kant mot browseren til høyre! Takk for respons though.

Endret av baRs
Skrevet (endret)

.strekk {
background-color: #5F98D0;
height: 105px;
width: 100%;
position: absolute;
z-index: 20;
left: auto;
top: 0px;
}
.scam {
background-image: url(scam.jpg);
background-repeat: no-repeat;
height: 417px;
width: 611px;
left: 0px;
z-index: 50;
position: absolute;
top: 8px;
}

:)

Endret av Henrik Lied
Skrevet

Gah, sorry, ein feil der:

 

.strekk {
background-color: #5F98D0;
height: 105px;
width: 100%;
position: absolute;
z-index: 20;
left: 0;
top: 0;
}
.scam {
background-image: url(scam.jpg);
background-repeat: no-repeat;
height: 417px;
width: 611px;
left: 0;
z-index: 50;
position: absolute;
top: 0;
}

 

Sånn. :)

Skrevet
Sånn. :)

Funket, takk! Men i IE er det en liten glipp til høyre som du ser...

Ser ut som frames fordi jeg bruker www-forward til serverplass på rullan.net. DNS funket ikke på den serveren (servetheworld som tuller seg visst)..

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
×
×
  • Opprett ny...