Gå til innhold

Leser Internett Explorer HTML på en annen måte en Mozilla Firefox?

Themecreator

Anbefalte innlegg

Themecreator

Themecreator

Skrevet
Skrevet (endret)

Hei! Jeg driver å lager noen hjemmesider og sånt, fra basisen, dvs. skrive html, og trenger litt hjelp i forbindelse med det. For alle har jo ikke lik skjerm som meg, så elementer vil jo bli forskøvet på en annen skjerm. Den vil ikke være på samme plass. Jeg vil gjerne ha elementer midstilt, uansett hva slags skjerm du har.

 

Og ja, jeg vet hva dere skal til å skrive. Align:center; Men det er jo bare navigasjons baren og headeren som skal være midstilt. Inholdsboksen skal selvsagt være på linje med navigasjonboksen, men ikke like bre. Så har et problem der. Noen som har en løsning?

 

Og en ting til. Hvordan får jeg footeren til å følge etter innholdsboksen? Slik at den fortsetter å være nederst uansett hvor lang inholdsboksen er.

 

EDIT: SE nederste post for problemet med firefox og internett explorer.

Endret av Themecreator
Lenke til kommentar

Videoannonse

Videoannonse
Annonse
Themecreator

Themecreator

Skrevet
  • Forfatter
Skrevet

Okay... Fiksa det! Men hva med "footer" problemet? hvordan får jeg "footeren" til å være på bunnen av siden hele tiden? dvs. jeg kan scrolle opp til toppen og da blir den borte, hvis siden er lengere enn skjermen.

 

Og en ting til. prøvde å åpne html filen (index filen) I Internet Explorer, og den ble helt teit, og forskøvet! Hva skjedde?

Lenke til kommentar
Themecreator

Themecreator

Skrevet
  • Forfatter
Skrevet (endret)

Okay... Har lasta den opp på internett.

 

http://nordic-legends.webs.com/Eksempler/HTML.html

 

Dette skal bli en clan side for battlefield heroes... Den egentlige siden har jeg ikke codet selv, og den er litt klassisk, hvis jeg kan si det sånn, så jeg tenkte å lage en side helt fra bunnen, så jeg faktisk vet hva som er skrevet. Og ikke bry dere om de forferdelige fargene. De er bare midlertidige, og de er der bare for å demonstrere forskjellene! Det er bare navigasjons boksen, og innholds boksen som er ganske ferdig..

 

Men til problemet; Når jeg åpner siden i windows explorer så blir hele siden helt f***. så jeg lurte litt på hva som har skjedd. Det er tydeligt at internett explorer og firefox ikke leser html'en på samme måte, men er det noe jeg kan gjøre med det for å fikse det

 

Her er forresten kodene til CSS og HTML:

 

CSS:

 

/*Alt er sortert i riktig rekkefølge*/

/*logo*/

.header{
background-image:url('file:///C:/Users/Mathias/Desktop/bilder2/header.png');
position: absolute;
top:8px;
left: 50%;
margin-left: -413px;
width:826;
height:181;
}

/*Innhold*/

.content{
border: none;
background-image: url("file:///C:/Users/Mathias/Desktop/bilder2/background.png");
width:583;
min-height:701px;
position: absolute;
top:220px;
left: 50%;
margin-left: -210px;
text-color: black;
font-family:calibri;
padding:20px;
}

/*Nyhet*/

.Announcement{
background-image: url("file:///C:/Users/Mathias/Desktop/bilder2/announcement.png");
width:814px;
height:20px;
position: absolute;
top:188px;
left: 50%;
margin-left: -413px;
text-color: black;
font-family:calibri;
padding:6px;
}

.login{
border:1px solid black;
background-image: url("file:///C:/Users/Mathias/Desktop/bilder2/png");
width:150px;
height:20px;
position: absolute;
top:188px;
left: 50%;
margin-left: 249px;
font-family:calibri;
text-align:center;
padding:6px;
}

/*Navigasjon*/

.Navigation{
background-image: url("file:///C:/Users/Mathias/Desktop/bilder2/navl.png");
width:203px;
height:349px;
position: absolute;
top:220px;
left: 50%;
margin-left: -413px;
text-color: black;
font-family:calibri;
}

/*Rommet mellom "clanfights" og "last members"*/

.space{
background-image: url("file:///C:/Users/Mathias/Desktop/bilder2/border.png");
width:203px;
height:15px;
position: absolute;
top:569px;
left: 50%;
margin-left: -413px;
text-color: black;
font-family:calibri;
}

/*Siste klan kamper*/

.fightbox{
background-image: url("file:///C:/Users/Mathias/Desktop/bilder2/box.png");
width:203px;
height:183px;
position: absolute;
top:583px;
left: 50%;
margin-left: -413px;
text-color: black;
font-family:calibri;
text-align:center;
line-height: 90%
}

/*Bare for synets skyld. litt mer "spacing"*/

.space2{
background-image: url("file:///C:/Users/Mathias/Desktop/bilder2/border.png");
width:203px;
height:15px;
position: absolute;
top:765px;
left: 50%;
margin-left: -413px;
text-color: black;
font-family:calibri;
}

/*Siste medlemmer*/

.memberbox{
background-image: url("file:///C:/Users/Mathias/Desktop/bilder2/box.png");
width:203px;
height:183px;
position: absolute;
top:779px;
left: 50%;
margin-left: -413px;
text-color: black;
font-family:calibri;
text-align:center;
line-height: 90%
}

/*Footer*/

.footer{
background-image:url('file:///C:/Users/Mathias/Desktop/bilder2/footer.png');
position: absolute;
top:961px;
left: 50%;
margin-left: -413px;
width:826px;
height:47px;
text-align:center;
}

/*bakgrunn*/

body{
background-color:white;
}

/*Link egenskaper*/

a:link{
text-decoration:none;
font-family:calibri;
color: #ffffff;
}

a:visited{
text-decoration:none;
font-family:calibri;
color: #ffffff;
}

a:hover {
text-decoration:none;
font-family:calibri;
font-weight: bold;
color: #ffffff;
}

 

 

HTML:

 

<html>

<head>

<title>Nordic Legends</title>

<link rel="stylesheet" type="text/css"
href="CSS.css"/>

<script type="text/javascript" src="JS1.js"></script>

</head>

<body>


<div class="header">
</div>

<div class="announcement">
<b>Announcement:</b> Nordic Legends' new website is now online! Just kidding! It's not!
</div>

<div class="login">
<a href="http://www.webs.com/login">> Login or registrer <</a>
</div>

<div class="content">

</div>

<div class="Navigation">
</div>

<div class="space">
</div>

<div class="fightbox">
</div>

<div class="space2">
</div>

<div class="memberbox">
</div>

<div class="footer">
Copyright © 2009 Themecreator
</div>


</body>

</html>

 

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