Textpattern Forum

You are not logged in. Register | Login | Help

#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
From: Canada
Registered: 2004-06-27
Posts: 6,235

Re: My CSS won´t work as intended!

Does Browsercam support password protected sites?


My email address has changed recently. If you need to contact me, use the forum contact form.

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
From: Canada
Registered: 2004-06-27
Posts: 6,235

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.


My email address has changed recently. If you need to contact me, use the forum contact form.

Offline

Board footer

Powered by FluxBB