Gå til innhold

Litt små frustrert over rotete webside i forskjellige nettlesere

NeEeO

Anbefalte innlegg

NeEeO

NeEeO

Skrevet
  • Forfatter
Skrevet

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? :hmm:

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???

Lenke til kommentar

Videoannonse

Videoannonse
Annonse
NeEeO

NeEeO

Skrevet
  • Forfatter
Skrevet

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?

Lenke til kommentar
Thomas.

Thomas.

Skrevet
Skrevet

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.

Lenke til kommentar
NeEeO

NeEeO

Skrevet
  • Forfatter
Skrevet

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.

Det funker ikke !

Lenke til kommentar
NeEeO

NeEeO

Skrevet
  • Forfatter
Skrevet

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

Lenke til kommentar
NeEeO

NeEeO

Skrevet
  • Forfatter
Skrevet

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;}

Lenke til kommentar
NeEeO

NeEeO

Skrevet
  • Forfatter
Skrevet

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:

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

  • Hvem er aktive   0 medlemmer

    • Ingen innloggede medlemmer aktive
×
×
  • Opprett ny...