WN - CSS och IE

WN (https://www.wn.se/forum/index.php)

- Klientsidans teknologier, design och grafik (https://www.wn.se/forum/forumdisplay.php?f=12)

- - CSS och IE (https://www.wn.se/forum/showthread.php?t=4443)

Hej! Jag har lite problem med Internet Explorer och CSS.

Sitter och försöker förenkla den nuvarande sidan rustik.nu
som förövrigt funkar utmärkt dock så är den inte korrekt
kodad.

http://pilatus.rustik.nu/images/preview.png

Vore glad om de såg hyffsat lika ut.

(X)HTML

Kod:

</head>

<body> 

<div class="containerRap"> <div class="leftContainer"> 

   <div id="navigationRap"> 

    <ul id="navlist"> 

     <li class="home"><a href="#">Post 1 </a></li> 

     <li class="products"> <a href="#">Post 2 </a> </li> 

     <li class="courses"> <a href="#">Post 3 </a> </li> 

     <li class="cafe"> <a href="#">Post 4 </a> </li> 

     <li class="info"> <a href="#">Post 5 </a></li> 

     <li class="links"> <a href="#">Post 6 </a> </li> 

    </ul> 

   </div> 

  <div class="bread"><img src="images/float_fram_illustration00.png" alt="Float" width="130" height="100" />

   <h1>Huvud Rubrik</h1> 

    <h2> Under Rubrik </h2> 

    <p><strong>Ingress</strong></p> 

    <h3><strong>Kap 1 </strong></h3> 

    <p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In feugiat leo eu metus.</p> 

    <h3> <strong>Kap 2 </strong></h3> 

    <p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In feugiat leo eu metus.</p> 

    <h3> <strong>Kap 3 </strong></h3> 

    <p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In feugiat leo eu metus.</p> 

    <p><strong>Maila <a href="#">klicka</a> </strong></p>

  </div> 

 </div> 

  <div class="rightCointainer">rightContainer</div> 

</div></body>

</html>

avskalad CSS

Kod:

.containerRap {

        background-color: #FFFFFF;

        font-family: "Trebuchet MS", Verdana, Arial, sans-serif;

        width: 40em;

        margin-right: auto;

        margin-left: auto;

}

.leftContainer {

        background-color: #FFFFFF;

        width: 75%;

        float: left;

        font-size: 0.8em;

        padding-top: 85px;

        background-image: url(images/top/broad_work.png);

        background-repeat: repeat-x;

        background-position: center top;

        border: 1px solid #666666;

}

.rightCointainer {

        background-color: #009900;

        width: 24%;

        float: right;

}

.bread {

        background-color: #FFFFFF;

        padding-left: 0.8em;

        padding-right: 0.6em;

        background-image: url(images/breadBG01.png);

        height: 500px;

        overflow: auto;

        padding-bottom: 1em;

}

.bread h1, h2, h3, p {

        margin: 0px;

        padding: 0px 0px 0.1em;

        width: 63%;

}

h1 {

        font-size: 3.4em;

}

.bread img {

        float: right;

        margin: 8px 10px 8px 8px;

        border: 1px solid #666;

        padding: 2px;

        clear: right;

}

All hjälp är välkommen. Jag äringen kodare som säkert märks.

(ursäktar mitt långa inlägg)

Jag har lite svårt att fixera vid hur din kod är uppbyggd... den verkar lite klumpig som sagt..

Butik Rustik.. intill kyrkogården.. och f.d Centralskolan i Hjo :)

Lite klumpig? Den är väl rejält klumpig? (Dock så är den validerad ;) )

Säg vad du vill veta, så ska jag se om jag kan trolla.

Alltså.. du vill ha två bilder liggande till höger om texten.. ser ut att vara framsidan på butiken

<p style="float: right;">[img]whatever[/img]</p>

Sen all text här - skriv om din CSS kod så den helt enkelt matchar den STYLE="" som jag har i

där uppe

OT: Hälsa Hjo från mig (jag kommer därifrån)

Men den är väl inte klumpig enligt exemplet....eller hur menar ni nu? *nyfiken*

Ser ut som en exemplariskt upptaggad XHTML

Citat:

.bread img {
float: right;
margin: 8px 10px 8px 8px;
border: 1px solid #666;
padding: 2px;
clear: right;
}

Får man verkligen ha mellanrum där? ".bread img"?

Citat:

Originally posted by noccy@Dec 21 2004, 13:47

Citat:

.bread img {
float: right;
margin: 8px 10px 8px 8px;
border: 1px solid #666;
padding: 2px;
clear: right;
}

Får man verkligen ha mellanrum där? ".bread img"?

Inga problem, det syftar bara på en img-tagg som ligger inom det element som har klassen bread.

Jfr #bread img som betyder en img-tagg som ligger inom ett element med id bread.

Citat:

Originally posted by theLostshirt@Nov 12 2004, 16:47
Hej! Jag har lite problem med Internet Explorer och CSS.

Jag vill inte vara en gnällspik men det är ju uppenbart att du inte visar oss koden som har gett det resultatet som du presenterar med bilderna.

För att ha en chans att hjälpa dig vore det bra om vi fick se DEN koden.

Det är ju lite jobbigt om vi sitter här och anstränger oss och du två dagar senare kommer på att du "glömt" klistra in en sak som du inte tyckte såg viktig ut.

Så... äkta kod tack!

/Zoran

PS. att jag gnäller beror på att jag har lång erfarenhet av folk som har bett mig hjälpa dem med någon form av kod. De "klippte ut" bitar de "tyckte" såg relevanta ut och fyllde med olika typer av "brödtext". Man går där ovetande och försöker komma på felet när allt ser OK ut. Sen får man av ren tillfällighet se riktigt kod och ser felet direkt. "Men jag ändrade bara i texten, det ska väl inte spela någon roll". Då vill man ta en piska och smiska vederbörande där det gör ont som mest. :) DS.

MSIE klarar bara efterbliven CSS eftersom den själv är efterbliven :\