WN

WN (https://www.wn.se/forum/index.php)
-   Klientsidans teknologier, design och grafik (https://www.wn.se/forum/forumdisplay.php?f=12)
-   -   Fel på marginaler.. IE6, dock inte 7an eller FF (https://www.wn.se/forum/showthread.php?t=20855)

melin 2007-04-25 15:54

modeling24 dot com

Kod:

/* CSS Document */

html, body {
        height: 100%;
}
body {
        background: url(images/background.gif) -94px 0px;
        margin: 0;
        font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
}
h1 {
}
h2 {
        margin: 0 0 5px 0;
        font-weight: normal;
        font-size: 16px;
        color: #3196ec;
}
p {
        margin : 0 0 5px 0;
}
img {
        border: 0;
}
#page {
        width: 750px;
        margin: 0 0 0 80px;
        float: left;
}
#menu {
        width: 100%;
        height: 25px;
        background: #fff;
        margin: 0;
        padding: 0;
        list-style: none;
}
#menu li {
        float: left;
        padding: 0 10px 0 20px;
        cursor: pointer;
}
#menu .blue {
        background: #fff url(images/box_blue.gif) 5px 4px no-repeat;
}
#menu .orange {
        background: #fff url(images/box_orange.gif) 5px 4px no-repeat;
}
#content {
        background: #fff;
}
#hotspot {
        width: 240px;
        float: right;
        margin: 0 5px 0 0;
        background: #fff;
}
.leftcol {
        width: 495px;
        margin: 0 0 0 5px;
}
#news div {
        background: #f1f1e9;
        padding: 5px;
        margin: 0;
        height: 200px;
}
#news ul {
        width: 100%;
        height: 27px;
        background: #fff;
        margin: 0;
        padding: 0;
        list-style: none;
}
#news li {
        width: 70px;
        height: 22px;
        text-align: center;
        float: left;
        cursor: pointer;
        padding: 5px 0 0 0;
}
#news .active {
        color: #000;
        background: #fff url(images/tab_01.jpg) no-repeat;
}
#news .inactive {
        color: #555;
        background: #fff url(images/tab_02.jpg) no-repeat;
}

#ads {
        float: left;
        margin: 54px 5px 0px 5px;
}

.thumb {
        border: 1px solid #dedecc;
        margin: 0 5px 0 0;
        padding: 1px;
        float: left;
}
.female {
        border-left: 5px solid #e374e7;
        padding-left: 5px;
}
.male {
        border-left: 5px solid #3196ec;
        padding-left: 5px;
}

a {
        color: #3781c0;
        text-decoration: none;
}
a:hover {
        color: #333;
}

Där är CSS-koden. De viktiga områdena är #hotspot, #page och .leftcol

HMH 2007-04-25 16:19

Doubled Float-Margin Bug?

Isf, sätt display:inline; på de floatade elementen.

Mer info:
http://www.positioniseverything.net/...ed-margin.html

melin 2007-04-25 16:33

du menar på .leftcol och #hotspot?

HMH 2007-04-25 16:58

Citat:

Originally posted by melin@Apr 25 2007, 15:33
du menar på .leftcol och #hotspot?

På #page och #hotspot skulle jag säga spontant. Helt enkelt på de element som är floatade och där marginalen blir dubbelt så stor som angivet.

Annars kan det vara så att du fått in ie6 i quirksmode med felaktig eller utelämnad doctype och du då får problem med box-modellen när du har marginaler och paddings samtidigt som width och height.

Har inte kollat hur det ser ut, bara på koden... men sakerna ovan är det jag skulle tittat efter först med tanke på css:en.

melin 2007-04-25 19:25

funkade, tack


Alla tider är GMT +2. Klockan är nu 19:04.

Programvara från: vBulletin® Version 3.8.2
Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.
Svensk översättning av: Anders Pettersson