2006-12-07 20:21:53

cassius01
New Member
alpha

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

 

2006-12-07 20:29:12

cassius01
New Member
alpha

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

 

2006-12-08 01:41:29

Mary
Sock Enthusiast
omega
From: Canada

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

 

2006-12-08 10:42:06

cassius01
New Member
alpha

Re: My CSS won´t work as intended!

Mary wrote:

Does Browsercam support password protected sites?

Yes, it does.

Offline

 

2006-12-09 02:07:18

Mary
Sock Enthusiast
omega
From: Canada

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

 

Powered by FluxBB