Textpattern CMS support forum
You are not logged in. Register | Login | Help
- Topics: Active | Unanswered
Pages: 1
#1 2006-12-07 20:21:53
- cassius01
- New Member
- Registered: 2006-12-07
- Posts: 3
My CSS won´t work as intended!
Hi,
I´m having some problems with my css not presenting my Textpattern 4.0.4 site as intended!
The design is made to be elastic, but using Browsercam, the generated page at times and without any visible pattern (as far as bowsers and platforms go) breaks or go blank. The only live error I´ve experienced, is using IE6 on WinXP (the page is generated blank).
Please have a look at both my xhtml and css source; I´d appreciate any help!
removed
Screenshot of my intended layout: removed
Last edited by Mary (2008-02-04 06:22:26)
Offline
#2 2006-12-07 20:29:12
- cassius01
- New Member
- Registered: 2006-12-07
- Posts: 3
Re: My CSS won´t work as intended!
This is my current css:
#container
{
margin: 3em 0 0 3em;
max-height: 80em;
max-width: 90em;
position: relative;
}
#content
{
background: #FBF9F8;
border: solid 1px #D9CEC4;
display: inline;
float: right;
left: 3em;
min-height: 56em;
position: absolute;
top: 0;
visibility: visible;
width: 95%;
z-index: 1;
}
#header
{
background: url(-removed-) repeat-y #F1ECE7;
border: solid 1px #D9CEC4;
display: inline;
float: left;
left: 0;
min-height: 50em;
position: absolute;
top: 3em;
visibility: visible;
width: 40%;
z-index: 2;
}
#maincontent
{
float: right;
margin: 3em;
max-width: 55%;
z-index: 3;
}
a img
{
border: none;
float: right;
margin: 15em 1.2em 1.2em 0;
display: block;
}
a:active
{
color: #F90;
text-decoration: none;
}
a:hover
{
color: #804000;
text-decoration: none;
}
a:link
{
color: #F90;
text-decoration: none;
}
a:visited
{
color: #F90;
text-decoration: none;
}
body
{
background: #EEE7DF;
color: #333;
font-size: 80%;
}
H1
{
font-size: 2em;
font-family: Helvetica;
letter-spacing: 0.1em;
font-weight: lighter;
}
H2
{
font-size: 1.5em;
font-family: Helvetica;
letter-spacing: 0.1em;
font-weight: 100;
}
H3
{
font-size: 1.25em;
font-family: Helvetica;
letter-spacing: 0.1em;
font-weight: 100;
}
H4
{
font-size: 1em;
font-family: Helvetica;
letter-spacing: 0.1em;
font-weight: 100;
}
INPUT, SELECT, TH, TD
{
font-size: 1em;
}
p
{
clear: right;
color: #333;
font-size: 1em;
text-align: left;
font-family: Georgia;
}
I LI, LI P, TD P, BLOCKQUOTE P
{
font-size: 1em;
}
.navcontainer
{
margin: 0;
padding: 0;
width: 100%;
background: #e5ddd4;
float: left;
}
.navcontainer UL
{
list-style: none;
margin: 0;
padding: 1em;
border: none;
width: 99%;
}
.navcontainer LI
{
display: inline;
margin: 0;
padding: 0;
float: left;
width: 25%;
text-align: center;
}
.navcontainer A
{
color: #bda991;
display: block;
text-decoration: none;
background: #e5ddd4;
margin: 0;
padding: 1em;
font-size: 1em;
font-family: Helvetica;
letter-spacing: 0.02em;
font-weight: 100;
text-transform: uppercase;
}
.navcontainer A:hover, .navcontainer A:active
{
color: #5e5448;
font-size: 1em;
font-family: Helvetica;
letter-spacing: 0.02em;
font-weight: 100;
text-transform: uppercase;
}
.navcontainer A.active:link, .navcontainer A.active:visited
{
position: relative;
z-index: 4;
background: #e5ddd4;
font-weight: bold;
}
.publicerad_datum
{
font-size: 1em;
font-family: Garamond;
color: #666;
font-weight: lighter;
}
Last edited by Mary (2008-02-04 06:22:54)
Offline
#3 2006-12-08 01:41:29
- Mary
- Sock Enthusiast
- Registered: 2004-06-27
- Posts: 6,236
Re: My CSS won´t work as intended!
Does Browsercam support password protected sites?
Offline
#4 2006-12-08 10:42:06
- cassius01
- New Member
- Registered: 2006-12-07
- Posts: 3
Re: My CSS won´t work as intended!
Mary wrote:
Does Browsercam support password protected sites?
Yes, it does.
Offline
#5 2006-12-09 02:07:18
- Mary
- Sock Enthusiast
- Registered: 2004-06-27
- Posts: 6,236
Re: My CSS won´t work as intended!
I don’t see anything “off” in your markup or style, and both validate. I can’t replicate the problem in Firefox or IE6, so my guess would be it is some kind of intermittant server problem.
Offline
Pages: 1