Today's Posts Follow Us On Twitter! TFL Members on Twitter  
Forum search: Advanced Search  
Navigation
Marketplace
  Members Login:
Lost password?
  Forum Statistics:
Forum Members: 24,254
Total Threads: 80,792
Total Posts: 566,472
There are 1261 users currently browsing (tf).
 
  Our Partners:
 
  TalkFreelance     Design and Development     HTML/XHTML/DHTML/CSS :

Not that its a big deal but...

Thread title: Not that its a big deal but...
Closed Thread    
    Thread tools Search this thread Display Modes  
01-09-2006, 03:06 PM
#1
Mr. Cheeky is offline Mr. Cheeky
Status: I love this place
Join date: May 2005
Location:
Expertise:
Software:
 
Posts: 739
iTrader: 0 / 0%
 

Mr. Cheeky is on a distinguished road

  Old  Not that its a big deal but...

Okay, basically, I can't code for crap. I still use tables since I have NO CLUE how to slice/code a .psd for CSS/XHTML.

Anyways, the website is http://www.desihilife.com

Whats up with the space under the template that only shows up on IE? It doesnt show up on Mozilla Firefox. Also, the space disappears on IE after refreshing the page. It only appears when you first go to the site.

Any ideas on how to fix it? Its not a huge problem, but the site is for a friend and he wants to see if it can be rid of on IE without having to refresh the browser.

01-09-2006, 03:33 PM
#2
blindchild02 is offline blindchild02
blindchild02's Avatar
Status: TF Veteran
Join date: Jan 2005
Location:
Expertise:
Software:
 
Posts: 3,258
iTrader: 2 / 100%
 

blindchild02 is on a distinguished road

  Old

heh, well dont feel bad, i still use tables too
I tried table-less CSS before, and its quite complicated to me :|
some people say its quite easy, lol

01-09-2006, 03:55 PM
#3
<Isurfr> is offline <Isurfr>
Status: Member
Join date: Aug 2005
Location: w3c
Expertise:
Software:
 
Posts: 193
iTrader: 0 / 0%
 

<Isurfr> is on a distinguished road

  Old

Try removing the fixed height for the table.


<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

<center>
<table id="Table_01" width="950px" height="800px" border="0" cellpadding="0" cellspacing="0">

<table id="Table_01" width="950px" border="0" cellpadding="0" cellspacing="0">
Also W3C lets it slide without adding the px on positioning but try
adding the px in the positioning. When validating CSS you have
to put a px, em etc... to validate.


Example:

table {
width:950px;
height:800px;
margin:auto;
}
I don't have a problem with tables. Also there are a few errors on
the validation. http://validator.w3.org/check?uri=ht...esihilife.com/

The url's i wouldn't worry about to much but the other stuff needs
fixing.


Example:Skip url

Error Line 206 column 58: reference to entity "id" for which no system identifier could be generated.

SRC="http://counter1.supercounter.org/cn2.php4?img=50&id=23836"> //
CSS is not that difficult the more you start looking at code.
I look at so many sites and sometimes I spend more time
right-clicking and looking at Source.

Here is an example of the 3-column header footer layout you
have done in CSS.

PHP Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<
html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<
head>
<
meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>
<
title>3 column layout</title>

<
style type="text/css">
<!--
body {
margin:0;
padding:0;
background-color:#FFFFFF;
}
#container {
width800px;
height:600px;
margin:auto;
background-color:#FFFFFF;
}
#container2 {
position:absolute;
width800px;
height:600px;
margin:auto;
background-color:#FFFFFF;
}
#header {
position:absolute;
width800px;
height:100px;
margin:0;
background-color:#000000;
}
#body {
position:absolute;
width800px;
height:400px;
margin-top:100px;
background-color:#FFFFFF;
}
#left {
position:absolute;
width200px;
height:400px;
margin:0;
background-color:#363636;
}
#center {
position:absolute;
width400px;
height:400px;
margin-left:200px;
background-color:#CCCCCC;
}
#right {
position:absolute;
width200px;
height:400px;
margin-left:600px;
background-color:#999999;
}
#footer {
position:absolute;
width800px;
height:100px;
margin-top:500px;
background-color:#000000;
}
-->
</
style>
</
head>
<
body>
<
div id="container">
<
div id="container2">
<!-- 
Container -->

<
div id="header"></div>

<
div id="body">

<
div id="left"></div>
<
div id="center"></div>
<
div id="right"></div>

</
div>

<
div id="footer"></div>

   
<!-- 
Container --> 
</
div>
</
div>
</
body>
</
html
.

01-09-2006, 04:44 PM
#4
Digit is offline Digit
Digit's Avatar
Status: Just do it.
Join date: Sep 2005
Location: NY
Expertise:
Software:
 
Posts: 2,618
iTrader: 6 / 100%
 

Digit is on a distinguished road

Send a message via AIM to Digit Send a message via MSN to Digit

  Old

Originally Posted by <Isurfr>
PHP Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<
html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<
head>
<
meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>
<
title>3 column layout</title>

<
style type="text/css">
<!--
body {
margin:0;
padding:0;
background-color:#FFFFFF;
}
#container {
width800px;
height:600px;
margin:auto;
background-color:#FFFFFF;
}
#container2 {
position:absolute;
width800px;
height:600px;
margin:auto;
background-color:#FFFFFF;
}
#header {
position:absolute;
width800px;
height:100px;
margin:0;
background-color:#000000;
}
#body {
position:absolute;
width800px;
height:400px;
margin-top:100px;
background-color:#FFFFFF;
}
#left {
position:absolute;
width200px;
height:400px;
margin:0;
background-color:#363636;
}
#center {
position:absolute;
width400px;
height:400px;
margin-left:200px;
background-color:#CCCCCC;
}
#right {
position:absolute;
width200px;
height:400px;
margin-left:600px;
background-color:#999999;
}
#footer {
position:absolute;
width800px;
height:100px;
margin-top:500px;
background-color:#000000;
}
-->
</
style>
</
head>
<
body>
<
div id="container">
<
div id="container2">
<!-- 
Container -->

<
div id="header"></div>

<
div id="body">

<
div id="left"></div>
<
div id="center"></div>
<
div id="right"></div>

</
div>

<
div id="footer"></div>

   
<!-- 
Container --> 
</
div>
</
div>
</
body>
</
html
.
Would you mind if I use that for the outline of some code I'm fooling around with? I wouldn't sell it, it will be for personal use only.

The reason I'm asking is because I'm not sure if it's legal to base your code off of someone else's. (I'm working on tableless too )

Thanks

01-09-2006, 07:47 PM
#5
<Isurfr> is offline <Isurfr>
Status: Member
Join date: Aug 2005
Location: w3c
Expertise:
Software:
 
Posts: 193
iTrader: 0 / 0%
 

<Isurfr> is on a distinguished road

  Old

No problem.
For copyright issues I think this is a good one.

The Creative Commons Attribution-NonCommercial-ShareAlike 2.5 License.
http://creativecommons.org/licenses/by-nc-sa/2.5/

Sometimes you see websites with this or you could make one
on your own or add a CC in text.
http://creativecommons.org/images/pu...merights20.png

Either way doesn't make a difference you are free to use it.
Just in case someone else sees it they could use and pass
it along without any headaches.

.

Closed Thread    


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 

  Posting Rules  
Smilies are On
[IMG] code is On
HTML code is Off
Forum Jump:
 
  Contains New Posts Forum Contains New Posts   Contains No New Posts Forum Contains No New Posts   A Closed Forum Forum is Closed