Problemer med alignment etc.

Stian89 · 2. juni 2005

Godag :thumbup:

Jobber for tiden med en ny layout for fatalt.org, som du for øvrig kan finne her.

Problemet er at om jeg får den til å fungere fint i IE, ser det forferdelig ut i Opera, og omvendt.

Altså, ved å trykke på linken, ser dere siden, headeren og menyen ser ut til å fungere fint i begge nettlesere, (prioriterer ikke Mozilla).

Problemet er resten av siden, som altså går under menyen. Den er delt opp i tre, #top, #field og #end. Dette skal til sammen utgjøre en firkant, hvor all tekst havner.

Her er CSS'en:

#head {
position: absolute;
background-image: url('design/head.jpg');
height: 299px;
width: 640px;
}
#top {
background-image: url('design/top.jpg');
height: 4px;
width: 640px;
}
#field {
background-image: url('design/field.jpg');
margin-top: 433px;
height: 193px;
width: 640px;
}
#end {
background-image: url('design/end.jpg');
background-image: no-repeat;
height: 14px;
width: 640px;
}

/* meny */
table.meny {
border: 0px solid black;
width: 500px;
margin-left: 50px;
margin-top: 264px;
}

table.meny a:link {
font-family: arial;
font-size: 12px;
text-decoration: none;
color: #FF9933;
}
table.meny  a:visited {
font-family: arial;
font-size: 12px;
position: center;
text-decoration: none;
color: #FF9933;
}
.meny a:hover {
text-decoration: none;
color: gray;
background-color: white;
color: #FF9944;
}
/* meny */

p {
font-family: verdana;
font-size: 10px;
margin-left: 40px;
margin-right: 40px;
}

h1, h2, h3, h4, h5, h6 {
font-family: verdana;
margin-left: 40px;
margin-right: 40px;
}

hr {
margin-left: 120px;
margin-right: 120px;
}

img {
margin-left: 40px;
margin-right: 40px;
}

Her er HTML'en:

<HTML>
<HEAD>
<title>Fatalt.org | Tropical</title>
<link rel="stylesheet" style="text/css" href="style_trop.css">
</HEAD>

<BODY>
<div id="head">
 <table class="meny">
 	<tr>
   <td>
   	<a href="#">Hovedsiden</a> | <a href="?K=K001&T=T000">Fatalt</a> | <a href="?K=K002&T=T000">Diverse</a> | <a href="?K=K003&T=T000">Galleri</a> | <a href="?K=K004&T=T000">Hva</a> | <a href="http://forum.fatalt.org">Forum</a>
   </td>
 	</tr>
 </table>
</div>	

<div id="top">
</div>

<div id="field">
 <p>asdrjksdhfk jsdfh kdjfh ajkfah fkajsh askjfhasd jkfsdjkfh asdkfjasg fjsfasgf asgfas fjasdghfsdj fsdjfsdfjgfj sdfj sdfjsdhg sdjsdjf sdjh fjsdgf sdjfsdjf sdgf sdjf dsfjsdhg fsdjfgsd fjg</p>
</div>

<div id="end">
</div>


</BODY>
</HTML>

Tusen hjertelig takk til alle som tar seg tid til å hjelpe :thumbup:

edit: dette er resultater jeg ønsker å oppnå.

Endret 2. juni 2005 av Stian89

pgdx · 2. juni 2005

En meny, altså en liste med lenker, er nettopp det, en liste.

Derfor skal <li>-elementet brukes, pakket inn i <ul>-elementet.

I tillegg mangler du doctype.

Fiks opp i semantiske feil, sørg for at siden validerer, så skal vi se mer på den.

I tillegg: Lowercase alle elementene dine for syns skyld...

Cucum(r) · 2. juni 2005

http://dev.misinterpreted.org/codehelp/fatalt/ <- Der har du iallfall et eksempel på hvordan du kan gjøre det.

LessThanJake · 2. juni 2005

Hvis det ser bra ut i IE, _og_ det validerer, da ser det fint ut i alle nettlesere, og du trenger ikke nedprioritere noen.

Stian89 · 2. juni 2005

Fikk det til, takk for alle svar folkens

potetskrell · 2. juni 2005

Hvis det ser bra ut i IE, _og_ det validerer, da ser det fint ut i alle nettlesere, og du trenger ikke nedprioritere noen.

Hvis jeg forstår deg rett, så tar du nok feil. En side kan validere men allikevel se forskjellig ut i forskjellige nettlesere. Problemet med IE er at den tolker diverse ting forskjellig fra ordentlige nettlesere, samt at den ikke støtter ting og tang.

Start med Firefox/Mozilla/Opera, deretter lager du hacks slik at nettlesere som ikke støtter standardene (les: Internet Explorer) viser sidene korrekt.

Logg inn

Problemer med alignment etc.

Anbefalte innlegg

Stian89

Lenke til kommentar

Videoannonse

pgdx

Lenke til kommentar

Cucum(r)

Lenke til kommentar

LessThanJake

Lenke til kommentar

Stian89

Lenke til kommentar

potetskrell

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Opprett konto

Logg inn

Hvem er aktive 0 medlemmer