Go to main content

Textpattern CMS support forum

You are not logged in. Register | Login | Help

#1 2007-12-24 13:09:29

Gallex
Member
Registered: 2006-10-08
Posts: 1,308

css question

hi css gurus!

can anybody tell me, why in this page paragraph “Kaunist jõuluaega!” has been displayed out of a container? it should be about 40pixels higher, on shadowed area. i just can’t figure out!

Offline

#2 2007-12-24 13:40:41

Dragondz
Moderator
From: Algérie
Registered: 2005-06-12
Posts: 1,538
Website GitHub Twitter

Re: css question

I think the pb is in langage div when i disable height the text go up but also right background goes up!

Offline

#3 2007-12-24 13:50:34

Gocom
Developer Emeritus
From: Helsinki, Finland
Registered: 2006-07-14
Posts: 4,533
Website

Re: css question

To be precise, there is no paragraph at the XHTML source, only a div that is styled to go somewhere — and that contains the prhase. I’m not at home, so I can’t help you so clearly, but in IE7 I can’t even see the div nor the text.

Try floating the object:

#welcome {
	margin: 0;
	padding: 0;
	text-align: center;
	height: 70px;
	float: left;
	width: 740px;
}

And remove that line-height: 0em; from the #welcome p, it drives me nuts as I can’t see your text at any context because of it in IE7, IE6 nor Opera. Only Fx (Fx is official prefix of Firefox according Firefox’s realease logs, ff means friendly fire etc.) would show the line without height. If you want disable line-height use 100% or 1em coz then the line will be same sized as the font, as zero means zero, nada shows up, zip, caboom lets blow the text off to the next dimension.

Cheers!

Last edited by Gocom (2007-12-24 13:54:14)

Offline

#4 2007-12-24 14:27:59

Gallex
Member
Registered: 2006-10-08
Posts: 1,308

Re: css question

Gocom wrote:

To be precise, there is no paragraph at the XHTML source, only a div that is styled to go somewhere — and that contains the prhase.

<p> is not a paragraph markup at xhtml?

Try floating the object:
bc. #welcome { margin: 0; padding: 0; text-align: center; height: 70px; float: left; width: 740px;
}

no help, the text stays where it was.

like dragondz already said, looks like language div height affects it. but why? in my opinion it should not…or?

Offline

#5 2007-12-24 19:10:53

Gocom
Developer Emeritus
From: Helsinki, Finland
Registered: 2006-07-14
Posts: 4,533
Website

Re: css question

<p> is not a paragraph markup at xhtml?

But the div is the issue, as it contains the paragraph, and handles the styling.

Cheers!

Last edited by Gocom (2007-12-24 19:11:04)

Offline

#6 2007-12-25 10:31:35

Gallex
Member
Registered: 2006-10-08
Posts: 1,308

Re: css question

i resolved it little bit differently and i get it displayed correctly in all browsers (opera, safari, firefox, ie7.0) except for ie 5.5 and ie 6.0. they push my bottom div down about 60px. why they do so? do they need some special fix ? any ideas?

Offline

#7 2007-12-25 10:38:39

Dragondz
Moderator
From: Algérie
Registered: 2005-06-12
Posts: 1,538
Website GitHub Twitter

Re: css question

Hi Gallex why not install IE developer bar that will help you see where is th pb!

Offline

#8 2007-12-25 10:45:10

Gallex
Member
Registered: 2006-10-08
Posts: 1,308

Re: css question

Dragondz wrote:

Hi Gallex why not install IE developer bar that will help you see where is th pb!

i have never been heard it ;) thank’s for hint. i ll go to search it…

Offline

#9 2007-12-25 10:45:19

Dragondz
Moderator
From: Algérie
Registered: 2005-06-12
Posts: 1,538
Website GitHub Twitter

Re: css question

Hi I found th pb, the width of langage div, put width to ~160px solve your pb!

Cheers

Offline

#10 2007-12-25 10:59:32

Gallex
Member
Registered: 2006-10-08
Posts: 1,308

Re: css question

Dragondz wrote:

Hi I found th pb, the width of langage div, put width to ~160px solve your pb!

yes! many thank’s to you Dragondz! even 190px did the trick :)

Offline

#11 2007-12-25 12:02:08

Gallex
Member
Registered: 2006-10-08
Posts: 1,308

Re: css question

Dragondz wrote:

Hi Gallex why not install IE developer bar that will help you see where is th pb!

do you know, is there similar tool for opera too? i know the firefox has.

Offline

#12 2007-12-26 07:13:41

Dragondz
Moderator
From: Algérie
Registered: 2005-06-12
Posts: 1,538
Website GitHub Twitter

Re: css question

I dont know never used opera!

PS: with little ggogling I found this: opera developer tool

Last edited by Dragondz (2007-12-26 07:16:08)

Offline

Board footer

Powered by FluxBB