Gå til innhold

» Data » Programmering og webutvikling

Meny på venstre side "vertikal" blir feil i IE.

Av TSP
4. november 2006 i Programmering og webutvikling

Anbefalte innlegg

TSP

Skrevet 4. november 2006

Skrevet 4. november 2006 (endret)

Hei! Jeg har et ørlite problem med en meny i ett design i Opera er det riktig, men ikke i IE. I IE tar min venstremeny og legger seg under den andre menyen hvor hvert menypunkt så tar opp en linje hver i stedet for å legge seg ved siden av. (Som det er i Opera).

Her er siden: http://strateginorge.orresnei.com/nyheter.php

Her filene:

nyheter.php:

Klikk for å se/fjerne innholdet nedenfor

<?php
include ('admin/head.php');
?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Language" content="no-bok">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link href="/css/nyheter.css" type="text/css" rel="stylesheet">
<title>Siden om Medieval 2: Total War!</title>
</head>
<body>

<div id="page">
 <div id="headermeny">
<div class="placetaker"></div>
 <a href="/index.php"><img id="header" src="/img/header.gif" alt="Strateginorge.no"></a>
</div>
<?php
include('meny.php');
?>
<div id="contentmeny">

   <?php
include('venstremeny.php');
?>
<div id="content">
<?PHP $category = "nyheter";
include $cutepath.'/show_news.php';
?>
</div>
</div>
</div>
</body>
</html>

css/nyheter.css

Klikk for å se/fjerne innholdet nedenfor

/*Regler*/

* {
margin:0;
padding:0;
}

/*Dette er generelle verdier*/

html,body {
margin: 0 auto; 
background-color: #A69776;
background-image: url(../img/bg3.gif);
background-attachment: fixed;
padding-top: 12px;
/*virker ikke i Opera*/
margin-bottom: 20px;
}

/*Alle elementer i ett*/

#page {
margin: 0 auto;
width: 725px;
overflow: visible; 
}

.placetaker {
width: 101px;
height: 170px; 
/*background: #191919;*/
border-color: #000000 #6E7070 #6E7070 #000000; /*light dark dark light*/
float: left;
}

#headermeny { 
/*background-color: #000000;*/
display: inline;
width: 624px;
height: 190px; 
overflow: visible; 
}

#contentmeny {
display: inline; 
width: 830px;
height: 100%; 
overflow: visible; 
}

/*Headeren, banneret*/

#header {
float: left;
background: #000; 
width: 624px;
height: 170px;
overflow: visible;
border: none; 
}

#header:hover {
background-image: url(http://www.google.no/intl/no_no/images/logo.gif);
}

/*Venstremeny - Hele*/

#venstremeny {
list-style-type: none;
float: left;
text-align: center;
}

/*Venstremeny - Linker - knapper (Knapp for knapp)*/

#venstremeny li a{
width: 150;
height: 17px;
color: white;
display: block;
padding: 2px 4px;
text-decoration: none;
font-weight: bold;
border: 1px solid;
border-color: #000000 #6E7070 #6E7070 #000000; /*light dark dark light*/
background-color: #191919;
text-decoration: none;
}

#venstremeny li a:visited{
color: gray;
}

#venstremeny li a:hover, #meny li a:active{
color: orange;
background-color: #42423f; 
}

/*Hovedmeny - Hele*/

#meny {
padding-left: 101px; 
list-style-type: none;
float: left;
text-align: center;
}

/*Hovedmeny - Linker - knapper (Knapp for knapp)*/

#meny li {
float: left;
}

#meny li a{
width: 94px;
height: 20px; 
color: white;
display: block;
padding: 2px 4px;
text-decoration: none;
font-weight: bold;
border: 1px solid;
border-color: #000000 #6E7070 #6E7070 #000000; /*light dark dark light*/
background-color: #191919;
text-decoration: none;
}

#meny li a:visited{
color: gray;
}

#meny li a:hover, #meny li a:active{
color: orange;
/*før background-color: #42423f;*/
background-color: #827457;
background-image: url(http://www.google.no/intl/no_no/images/logo.gif) width="20%";
border: none;
}

/*Innholdsboksen*/

#content { 
background: #827457; 
width: 579px;
color: #c2ba9b; 
text-align: left;
float: left; 
border: 1px solid black;
padding-left: 20px;
padding-top: 20px;
padding-right: 20px; 
padding-bottom: 20px;
} 

/*Innholdsboksen - Linker*/

#content a{ 
color: #98a6b2;
}

#content a:visited{
color: #98a6b2;
}

#content a:hover, #content li a:active{
color: #c2ba9b;
}

/*Innholdsboksen - Artikkelbilder*/

.artikkel1 {
float: right;
border: 1px solid black;
}

.artikkel2 { 
float: right;
height: 100px;
width: 100px;
border: 1px solid black;
}

/*Linje med artikkel og skribentinfo*/

.lesmer {
font-weight: normal;
font-size: 12px;
}

/*Understående kode er spesiell for artikler */

#artikler {
font-weight: normal;
text-align: left;
}

.overskrift {
padding-bottom: 3px; 
}

.byline {
font-weight: normal;
font-size: 12px;
}

.intro {
font-weight: bold;
}

.kommentarer {
font-weight: normal;
font-size: 12px;
}

.cn_comment_odd {
font-weight: normal;
font-size: 12px;
}

.cn_comment_even {
font-weight: normal;
font-size: 15px;
}

p {
margin:15px 0 !important;
margin:30px 0;
}

venstremeny.php

Klikk for å se/fjerne innholdet nedenfor

<ul id="venstremeny">
<li><a href="http://strateginorge.orresnei.com/nyheter.php">VenstreHome</a></li>
<li><a href="http://strateginorge.orresnei.com/category/nyheter">Nyheter</a></li>
<li><a href="http://strateginorge.orresnei.com/category/artikler">Artikler</a></li>
<li><a href="http://strateginorge.orresnei.com/category/omtaler">Omtaler</a></li>
<li><a href="http://strateginorge.orresnei.com/category/forhaandsintrykk">Forhaand</a></li>
<li><a href="http://www.orresnei.com/forum">Forum</a></li></ul>

meny.php

Klikk for å se/fjerne innholdet nedenfor

<ul id="meny">
<li><a href="http://strateginorge.orresnei.com/">Home</a></li>
<li><a href="http://strateginorge.orresnei.com/category/nyheter">Nyheter</a></li>
<li><a href="http://strateginorge.orresnei.com/category/artikler">Artikler</a></li>
<li><a href="http://strateginorge.orresnei.com/category/omtaler">Omtaler</a></li>
<li><a href="http://strateginorge.orresnei.com/category/omtaler">Omtaler</a></li>
<li><a href="http://www.orresnei.com/forum">Forum</a></li></ul>

Klikk for å se/fjerne innholdet nedenfor

Endret 4. november 2006 av The Strategy-player

Videoannonse

Annonse

travis_g

travis_g

Skrevet 4. november 2006

Skrevet 4. november 2006

venstremeny.php oh meny.php er lik i posten, så jeg åpnet koden fra siden i stede.

Var mye div-elementer her som jeg ikke helt skjønte. (litt rotete kode) Så ikke helt hvor de endte ol. Men...

Etter endetaggen til placetaker, har du kodene:

<div class="placetaker2"><div>

Disse går rundt både menyen og venstremenyen, og jeg kan heller ikke se placetaker2 i css-fila.

TSP

Skrevet 4. november 2006

Forfatter

Skrevet 4. november 2006

Hm. Ja nå har første posten meny.php og viktigst av alt nyheter.php, det var tross alt nyheter.php dere skulle ha og ikke index.php

Placetaker2 skal ikke være der og er nå fjernet.

travis_g

travis_g

Skrevet 4. november 2006

Skrevet 4. november 2006

Hva med

#contentmeny { float: left; } ?

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!

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