Litt små frustrert over rotete webside i forskjellige nettlesere

NeEeO · 26. juli 2010

En ting som muligens kan hjelp deg er å bruke en CSS reset. Noen browsere har ulike default css settings. Hvis vi resetter starter du i hvertfall med blanke ark, og det vil forhåpentligvis unngå plagsomme feil som skyldes browsere med ulike standard innstillinger.

Må da importere denne style sheeten før noe annet.

http://meyerweb.com/...ools/css/reset/

Hva mener du?

Edit: Sk!ppy er du på ferie eller noe sånt?? savner svarene dine forferdelig

Du tar koden han linket til, oppretter en ny css fil -> link til den før den andre css filen din.

Fordi?

F.eks: IE har en annen default line-heigt enn det firefox har.

Derfor er det greit å resette dem, slik at du får lik "grunnstil" i alle lesere.

Mannn!? Sier du at jeg skal starte HELT på nytt med å lage webside? er du helt gal eller???

Thomas. · 26. juli 2010

Nei. Hvor står det?

NeEeO · 26. juli 2010

Det står jo "reset CSS"

Kris · 26. juli 2010

Du setter den inn FØR ditt eget CSS. Så du trenger ikke starte helt på nytt. Det den CSS-en gjør er å resette innstillingene de forskjellige nettleserene har.

NeEeO · 26. juli 2010

Du setter den inn FØR ditt eget CSS. Så du trenger ikke starte helt på nytt. Det den CSS-en gjør er å resette innstillingene de forskjellige nettleserene har.

Lage en ny fil? linke til den nye cssen som skal være før min i head taggen? eller putte den i samme css fil?

Thomas. · 26. juli 2010

Du setter den inn FØR ditt eget CSS. Så du trenger ikke starte helt på nytt. Det den CSS-en gjør er å resette innstillingene de forskjellige nettleserene har.

Lage en ny fil? linke til den nye cssen som skal være før min i head taggen? eller putte den i samme css fil?

Åh herregud, var jo akkurat det jeg sa. Du trenger ting forklart 2 ganger før du forstår? :nei:

Du kan ha det i samme fil. Men mest systematisk og ha den i en egen fil.

NeEeO · 26. juli 2010

Du setter den inn FØR ditt eget CSS. Så du trenger ikke starte helt på nytt. Det den CSS-en gjør er å resette innstillingene de forskjellige nettleserene har.

Lage en ny fil? linke til den nye cssen som skal være før min i head taggen? eller putte den i samme css fil?

Åh herregud, var jo akkurat det jeg sa. Du trenger ting forklart 2 ganger før du forstår?

Du kan ha det i samme fil. Men mest systematisk og ha den i en egen fil.

Det funker ikke !

Kris · 26. juli 2010

Det skal funke. Få se hvordan du har gjort det, så kan vi rette feilen(e) dine.

NeEeO · 26. juli 2010

Ok,

.

Endret 26. juli 2010 av Darksite

Thomas. · 26. juli 2010

Hva er det som ikke fungerer?

NeEeO · 26. juli 2010

Problemet er at vis jeg endrer i webstil.css, om jeg skal få det helt perfekt på mozilla blir det forsatt ikke perferkt i IE.

Thomas. · 26. juli 2010

Problemet er at vis jeg endrer i webstil.css, om jeg skal få det helt perfekt på mozilla blir det forsatt ikke perferkt i IE.

Da setter du opp individuelle stilark til IE. Som beskrevet før i tråden

NeEeO · 26. juli 2010

Problemet er at vis jeg endrer i webstil.css, om jeg skal få det helt perfekt på mozilla blir det forsatt ikke perferkt i IE.

Da setter du opp individuelle stilark til IE. Som beskrevet før i tråden

Kan noen være så vennlig å komme på Team Viewer:

ID: 649 442 864

Pass: 5392

NeEeO · 26. juli 2010

Neh, det funker ikke, plz kom på TW.

Sk!ppy · 26. juli 2010

Jeg vil ikke anbefalle deg å legge ut tv passord og brukernavn her. Bare lite tips. Ja, jeg et på ferie, jeg brukt iphonen min men den kan jeg ikke hjelpe med. Legg ut css koden din her som ikke fungerer.

NeEeO · 27. juli 2010

Oh, gjett om jeg har savna deg :hrm: .

Css(Webstil.css):

body {
background-color:#c7d4cf; 
width: 1000px;

}
#menu {
position: relative;

left: -40px;


}
#menu ul {
list-style: none;



}
#menu ul li {
float: left;
background-color: #3a6355;
padding: 20px 40px;
height: 5px;
width: 118px;
text-align: Center;

}
#container {
position: absolute;

background-color: #333333;
width: 220px;
height: 450px;
top: 198px;

}
#content {
position: relative;
float: right;
left: -50px;
height: 450px;
width: 730px;
z-index: -1;
background-color: #c7d4cf;
}

#logo {
width: 950px;
Height: 130px;
}
#copyright {
position:absolute;
Background-color:white;
top: 648px;
height: 37px; 
}
#Copyright p {
width: 500px;
}
#container2 reklame{
padding: 15px 10px;
}
hr {
height:1px;
}
#container2 { 
height: 640px;
width: 180px;
Position: Absolute;
right: 78px;
top: 0px;

background-color: #4c4d4f;

}
#container2 ul {
list-style: none;


}
#container2 ul li {
padding: 5px 14px;
}
.title {font-size: 2em; text-align: Center; text-decoration: underline;

}
a:link, a:visited {text-decoration: none; color: #333333;
}
a:hover {text-decoration: underline; color: #545252;
}
a:active {text-decoration: none; color:red;}

HTML:

<html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
       "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
     <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">

<head>
<!--[if IE]>
<link rel="stylesheet" type="text/css" href="all-ie-only.css" />
<![endif]-->
<title> Homesite </title>
<link rel="stylesheet" type="text/css" href="webstil.css" />

</head>
<body> <!--Body starts-->
   <div id="logo">
    <img src="logo.png" alt="logo" />
          </div> <!--End logo-->

<div id="menu">
<ul>
<li> <a href="#"> Home </a></li>
<li> <a href="#"> Education </a></li>
<li> <a href="#"> Membership </a></li>
<li> <a href="#"> About </a></li>
<li> <a href="#"> Contatct </a></li>
</ul>
</div> <!-- End Menu-->

<div id="content">
<p> <div class="title">Food</div> <br/>Mi sapien donec maecenas ultricies dictumst vitae augue bibendum fames nibh. Blandit conubia. Tellus pulvinar dolor ridiculus. Purus. Elit posuere vehicula. Dictum. Ultricies placerat dictumst pharetra mollis risus. Pede risus natoque.

Vitae taciti non ante consectetuer auctor mattis commodo posuere hac id rutrum ante Felis quisque ultrices primis arcu elit malesuada sagittis placerat. Quam mauris convallis donec duis.</p>
</div> <!--End content-->
      <div id="container">
   <p> Nyheter </p>
   <hr border="1">
		        <p>Lorem ipsum   dolor sit amet, consectetur adipiscing elit. Nunc lacinia porttitor elit, et facilisis tortor pre  tium a. Nunc eget convallis. </p>
                            <hr border="1">
</div> <!--Container End -->
<div id="container2">
<p id="reklame">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc lacinia porttitor 
elit, et facilisis tortor pre tium a. Nunc eget convallis</p> 
<hr>
<br/><br/> <p> 
<ul>
<li><a href="#"> Example </a></li>
<li><a href="#"> Example </a></li>
<li><a href="#"> Example </a></li>
<li><a href="#"> Example </a></li>
</ul>
</p>
<br>
<hr>


</div> <!--end container2-->
<div id="copyright">

<p>  Alt innholdet på denne siden er beskyttet i henhold til lov om opphavsrett til åndsverk.</p>
</div>
</body> <!--body end-->
<html/>

CSS: (all-ie-only.css)

body {
background-color:#c7d4cf; 
width: 1000px;

}
#menu {
position: absolute;
top: 100px;
left: -40px;


}
#menu ul {
list-style: none;



}
#menu ul li {
float: left;
background-color: #3a6355;
padding: 20px 40px;
height: 5px;
width: 110px;
text-align: Center;

}
#container {
position: absolute;

background-color: #333333;
width: 220px;
height: 450px;
top: 198px;

}
#content {
position: relative;
float: right;
left: -50px;
height: 450px;
width: 730px;
z-index: -1;
background-color: #c7d4cf;
}

#logo {
width: 950px;
Height: 130px;
}
#copyright {
position:absolute;
Background-color:white;
top: 648px;
height: 37px; 
}
#Copyright p {
width: 500px;
}
#container2 reklame{
padding: 15px 10px;
}
hr {
height:1px;
}
#container2 { 
height: 640px;
width: 180px;
Position: Absolute;
right: 0px;
top: 8px;

background-color: #4c4d4f;

}
#container2 ul {
list-style: none;


}
#container2 ul li {
padding: 5px 14px;
}
.title {font-size: 2em; text-align: Center; text-decoration: underline;

}
a:link, a:visited {text-decoration: none; color: #333333;
}
a:hover {text-decoration: underline; color: #545252;
}
a:active {text-decoration: none; color:red;}

Sk!ppy · 27. juli 2010

N har ikke jeg lest noe om den css-reset saken, men jeg er ganske sikker på at d ikke har den. Har du prøvd å legge den inn?

NeEeO · 27. juli 2010

Jo, jeg putta den inn istad, gjorde som tutorialen, men den ville forsatt ikke bli riktig i IE. Så jeg satser på forskjellige stil ark til forskjellige nettlesere

Sk!ppy · 27. juli 2010

Kanskje på tide å begynne å kode riktig da Pass på at du alltid har riktig kode. Men nå skal jeg nyte ferien videre. God natt.

NeEeO · 27. juli 2010

Kanskje på tide å begynne å kode riktig da Pass på at du alltid har riktig kode. Men nå skal jeg nyte ferien videre. God natt.

Hade, Man, jeg kommer til å savne deg :no: , plz, send meg på pm når du kommer tilbake :cry:

Logg inn

Litt små frustrert over rotete webside i forskjellige nettlesere

Anbefalte innlegg

NeEeO

Videoannonse

Thomas.

NeEeO

Kris

NeEeO

Thomas.

NeEeO

Kris

NeEeO

Thomas.

NeEeO

Thomas.

NeEeO

NeEeO

Sk!ppy

NeEeO

Sk!ppy

NeEeO

Sk!ppy

NeEeO

Opprett en konto eller logg inn for å kommentere

Opprett konto

Logg inn

Hvem er aktive 0 medlemmer