noob: css CDATA

**johnCash** · Oct 9, 2007, 12:31

Here is the css content inside html:

Code:

<style type="text/css" title="defaultStyle">
/*<![CDATA[*/
<!--

SOME CSS CONTENT

-->
/*]]>*/

I took out "SOME CSS CONTENT", put it into a temp.css file.
When link the css file like this:

Code:

<link rel="stylesheet" href="temp.css" type="text/css" />

how and where do I put the:

Code:

/*<![CDATA[*/
<!--

and

-->
/*]]>*/

**Paul O'B** · Oct 9, 2007, 13:22

You don't need that code in the css file as it is only necessary when the css is embedded in the xhtml page.

The only thing in a css file is the css and css comments /* etc */

**johnCash** · Oct 9, 2007, 14:48

can you have this in css and in html?:

In css file:

Code:

#center_html {
	display: table;
	overflow: visible;
}

#center_body {
	background: #f0ffe1;
	display: table-cell;
	vertical-align: middle;
}

and in html file:

Code:

<html id="center_html" >

<body id="center_body" >
</body>
</html>

or

In css:

Code:

#center html {
	display: table;
	overflow: visible;
}

#center body {
	background: #f0ffe1;
	display: table-cell;
	vertical-align: middle;
}

in html file:

Code:

<div id="center">
<html>
<body>
</body>
</html>
</div>

**Paul O'B** · Oct 9, 2007, 15:02

Hi,

You can't put divs above the html tag as html is the root element. You should also know that display:table doesn't work in IE (all versions including ie7) so there is not much point in using it unless you just want to support other browsers.

You will need to add a height and width of you want to vertically and horizontally center something.

Code:

html {
    display: table;
    overflow: visible;
    height:100&#37;;
    text-align:center;
    width:100%
}

body {
    background: #f0ffe1;
    display: table-cell;
    vertical-align: middle;
}

See the FAQ on vertical centering or have a look here.

**johnCash** · Oct 9, 2007, 16:03

thank you...for taking the time to answer my questions.

**felgall** · Oct 9, 2007, 19:20

Also you don't need ids on the html and body tag as there is only one of each so you can reference them by their tagnames of html and body without needing ids.

**DaveWoods** · Oct 10, 2007, 04:20

True in this case but there may be times when your CSS file is styling multiple pages in which case it's a common method of providing styles to a specific page by providing a unique ID on the body of individual pages.

In this case though I completely agree with Stephen.

The SitePoint Forums have moved.

User Tag List

Thread: noob: css CDATA

Thread Tools

Display

noob: css CDATA

noob: can you do this in css and html

Bookmarks

Bookmarks

Posting Permissions