2 replies [Last post]
neoformat
neoformat's picture
Offline
Regular
Moscow
Last seen: 9 years 18 weeks ago
Moscow
Timezone: GMT+2
Joined: 2007-02-22
Posts: 25
Points: 3

Hello world,

I am just learning to work with CSS and have few questions. I am making my new website with textpattern system. I read a lot of information about CSS, but I cant understand one thing. Why my page is displayed incorrect in IE6? I am constructing my web with Firefox Development tools and in Firefox my page looks as I want, but when I open it in IE everything are wrong. Here is my CSS style:

here is a test link: http://dimas.borec.cz/html/problem.html

body {
margin: 0;
padding: 0;

color: #000000;
background-color: #fff; font-size:10pt;
background-image: url('../images/small.jpg');
background-repeat: repeat-y;
background-position: bottom left;

font-family: Tahoma, "Times New Roman", serif
}

.floatright
{
float: right;
margin: 0 0 0px 0px;
padding-right: 325px;
width: 30px;
padding-top: 155px;
}

.floatleft
{
float: left;
margin: 0 0 0px 0px;
padding-left: 0px;
padding-bottom: 30px;

}

#head {
height: 100px;
text-align: center;
margin: 0;
padding: 0;
width: 1000px;
}

#container {

background-image: url('../images/bg.jpg');
background-repeat: no-repeat;
width: 1000px;
}

#sidebar-2 {
margin-right: 100px;
padding-top: 600px;
float: right;
width: 230px;
line-height: 20px;

}

#content {

margin-right: 170px;
padding-top: 10px;
font-family:Verdana; font-size:10pt;
width: 650px;
letter-spacing: 1px;
background-image: url('url(%27../images/small.jpg%27');

}

blockquote, h3, p, li {
padding-right: 10px;
padding-left: 150px;
font-size: 0.9em;
line-height: 1.6em;
}

blockquote {
margin-right: 0;
margin-left: 20px;
}

h1, h2, h3 {
font-weight: normal;
}

h1, h2 {
font-family: Georgia, Times, serif;
}

h1 {
font-size: 3em;
}

h2 {
font-size: 1em;
font-style: italic;
}

small, .small {
font-size: 8pt;
}

a {
text-decoration: none;
color: #000000;
background-color: inherit;
border-bottom: 1px solid #000;; font-size:8pt

}

h1 a, h2 a, h3 a {
border: none;
}

h3 a {
font-style:normal; font-variant:normal; font-weight:normal; font-size:10pt; font-family:Georgia, Times, serif; color:#CFA707
}

#sidebar-2 a, #sidebar-1 a, #sidebar-3 a {
color: #CFA707;
background-color: inherit;
border: none;
}

#sidebar-2 a:active {
text-decoration: none;
color : #F0AC0F;
}

#sidebar-2 a:visited {
text-decoration: line-through;
color : #F0AC0F;
}

#sidebar-2 a:hover {
text-decoration: none;
color : #F0AC0F;
}

textarea {
color: #000000;
text-decoration: none;
background: #EFEFEF;
border: 1px solid #ADAEAF;
font-variant:normal; font-size:9pt; font-family: Verdana, "Times New Roman", serif;
}
textarea:hover {
background: #FEFCFD;
border: 1px solid #000;
}
input, select, button {
color: #000000;
text-decoration: none;
background: #EFEFEF;
border: 1px solid #ADAEAF;
font-variant:normal; font-size:9pt; font-family: Verdana, "Times New Roman", serif;
}
input:hover {
background: #FEFCFD;
border: 1px solid #000;
}

/* overrides
----------------------------------------------- */

#sidebar-2 p, #sidebar-1 p {
font-size: 0.8em;
line-height: 1.5em;
}

#sidebar-1 p {
text-align: right;
padding-left: 10px;
}

#sidebar-2 p {
text-align: left;
padding-left: 10px;
}

#content hr {
margin: 2em 0;
width: 66%;
color: #ccc;
background-color: inherit;
}

.caps {
font-size: 0.9em;
letter-spacing: 0.1em;
}

img.divider {
margin: 2em 0;
text-align: center;
}

/* global layout
----------------------------------------------- */

#accessibility {
position: absolute;
top: -10000px;
}

#sidebar-1 {
margin-right: 5px;
padding-top: 100px;
float: left;
width: 150px;
\width: 150px;
w\idth: 150px;
}

#foot {
margin-top: 0px;
clear: both;
text-align: left;
height: 158px;
}

/* comments
----------------------------------------------- */

.comments_error {
color: #000000;
background-color: #fff4f4; font-family:Verdana; font-size:10pt
}

ul.comments_error {
padding : 0.3em;
list-style-type: circle;
list-style-position: inside;
border: 2px solid #fdd;
}

div#cpreview {
color: #000;
background-color: #f1f1f1;
border: 2px solid #ddd;
}

form#txpCommentInputForm td {
vertical-align: top;
}

And my default page code:











































Archiv:



Please help me, because I cant find any soltion, thank you!

wolfcry911
wolfcry911's picture
Offline
Guru
MA, USA
Last seen: 6 years 33 weeks ago
MA, USA
Timezone: GMT-5
Joined: 2004-09-01
Posts: 3224
Points: 237

I'm getting a 404, but if

I'm getting a 404,
but if you post code, don't post the textpattern code, copy the code from view source while looking at the page. That's the html the browser receives and that's what we need see

neoformat
neoformat's picture
Offline
Regular
Moscow
Last seen: 9 years 18 weeks ago
Moscow
Timezone: GMT+2
Joined: 2007-02-22
Posts: 25
Points: 3

Thank you for your tring to

Thank you for your trying to help me, but I have solved this problem and now I am happy as never before Smile I have found this http://www.positioniseverything.net/explorer/expandingboxbug.html and tweaked my code so now it is shown in IE and in FF same.

Dimas