---
title: "div problem i safari"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/176218-div-problem-i-safari"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "Pedda"
published: "2009-01-07T09:45:59.000Z"
updated: "2009-01-07T14:06:35.000Z"
replies: 4
views: 489
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/html-css/176218-div-problem-i-safari"
---
# div problem i safari
## #1 — Pedda, 2009-01-07T09:45Z
Jag har en sida som validerar men jag har ändå problem i Safari.
Problemet är två st divvar som ska ligga bredvid varandra.
Funkar bra i IE och FX, men i Safari så hamnar dom ovanpå varandra.
css:
```
#leftbox {
width:160px;
background-color:#F2F5F7;
margin:0;
float:left;
padding:5px;
}
#main
{
margin:0;
padding:10px;
display:inline;
position:absolute;
float:left;
font-size:0.9em;
}
```
Permalänk: https://www.webforum.nu/p/176218
## #2 — Melea, 2009-01-07T11:50Z
De hamnar inte ovanpå varandra när jag testkör
```
text 1
text 2
```
Har du någon annan css-kod som påverkar #leftbox eller #main?
Permalänk: https://www.webforum.nu/p/2161633
## #3 — Pedda, 2009-01-07T12:07Z
Tycker inte att jag har det, men det har jag förmodligen då.
Sidan är uppbyggd såhär:
```
```
och hela css:
```
html,body {
color: #333;
background-color:#fff;
height:100%; /**/
margin:10px;padding:0;
font-family: "Trebuchet MS", verdana, Tahoma, Arial, Helvetica, sans-serif;
font-size: 0.9em;
line-height:140%;
}
a:link
{
color: #ff3300;
}
a:visited
{
color: #ff3300;
}
a:hover, a:active
{
color: #ff3300;
}
#container {
width:100%;
min-height:100%;
}
#header{
width: 100%;
height: 70px;
background-color:#fff;
margin:0;
padding: 5px 5px 5px 5px;
}
#login{ /* login deleted from master */
width: 200px;
height: 70px;
background-color:#fff;
text-align: right;
margin:0;
float:right;
}
#menu {
width:100%;
height: 40px;
background-color:#C0C0FF;
margin:0;
padding:5px;
}
#leftbox {
width:160px;
background-color:#F2F5F7;
margin:0;
float:left;
padding:5px;
}
#main
{
margin:0;
padding:10px;
display:inline;
position:absolute;
float:left;
font-size:0.9em;
}
.productname
{
font-style:italic;
font-family:Arial;
color:#0096D1;
font-size:24px;
margin-left: 30px;
}
h1
{
color:#0096D1;
font-size: 1.3em;
}
.verticalText {
writing-mode:tb-rl;
filter:flipv fliph;
}
.repeaterTableFullBorder
{
border: 1px solid #c0c0ff;
width: 100%;
}
.repeaterTableFullBorder td, th {
border: 1px solid #c0c0ff;
}
```
Permalänk: https://www.webforum.nu/p/2161634
## #4 — Melea, 2009-01-07T13:45Z
Det funkar hos mig om man tar bort position: absolute; Men jag har inte en aning om varför det funkar när man tar bort:
```
```
Permalänk: https://www.webforum.nu/p/2161641
## #5 — Pedda, 2009-01-07T14:06Z
Förstår inte riktigt heller varför, men eftersom det fungerar så gör jag så.
Tack för hjälpen.
Permalänk: https://www.webforum.nu/p/2161643
---
Tråden på webben: https://www.webforum.nu/amne/html-css/176218-div-problem-i-safari