Please login or register.

Login with username, password and session length
Advanced search  

Author Topic: content column .. problem on my template (footer)  (Read 1352 times)

adminphp

  • Full Member
  • ***
  • Karma: 4
  • Posts: 150
  • you must be a great snewser .
content column .. problem on my template (footer)
« on: April 14, 2011, 07:59:59 PM »

He Everyone ;) i made my own template with (3 column) for news and i like it very much on internet explorer 5, but when i check it on mozilla or IE 7-6.. it was terrible.. Can you help me?
my problem with this template is in "Central content column" .. if i have article's text long with several pictures directly the Content of the text passes the border table (Footer)
Just a reminder ; i didn't use some css divs in my index file .like div  #container, and  #content  ..But all of other divs i listed them in my template.
the reason why i did not use those divs (container & content ) i Based on design tables in my template..


« Last Edit: April 14, 2011, 08:01:45 PM by adminphp »
Logged
“Fifty years of programming language research, and we end up with C++?”

adminphp

  • Full Member
  • ***
  • Karma: 4
  • Posts: 150
  • you must be a great snewser .
Re: content column .. problem on my template (footer)
« Reply #1 on: April 15, 2011, 05:31:37 PM »

Hmm.. nobody can help ... up please i really want to find the solution..
Logged
“Fifty years of programming language research, and we end up with C++?”

nukpana

  • Hero Member
  • *****
  • Karma: 71
  • Posts: 663
Re: content column .. problem on my template (footer)
« Reply #2 on: April 15, 2011, 06:31:39 PM »

What have you tried? Where is the code so anyone can review? 

IE5? Really?  Are you sure that isn't IE8?
Logged

adminphp

  • Full Member
  • ***
  • Karma: 4
  • Posts: 150
  • you must be a great snewser .
Re: content column .. problem on my template (footer)
« Reply #3 on: April 15, 2011, 11:44:55 PM »

IE5? Really?  Are you sure that isn't IE8?
actually it shows perfect on  IE 5.5 and 6 .. i hope that you find a solution for me .. take the code and look carefully please..
 just to remind i have two indexes one called (index.php) and (index2.php) because i use method content slider featured article.
Do not panic I know that the indexes is too long..
this is my index.php file ;
sorry the source php has deleted from me ...
« Last Edit: April 24, 2011, 01:59:17 PM by adminphp »
Logged
“Fifty years of programming language research, and we end up with C++?”

adminphp

  • Full Member
  • ***
  • Karma: 4
  • Posts: 150
  • you must be a great snewser .
Re: content column .. problem on my template (footer)
« Reply #4 on: April 15, 2011, 11:48:45 PM »

and this is my style.css file ;
 
Code: [Select]
BODY {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: -17px auto; FONT: bold 13pt arial; COLOR: #000000; DIRECTION: rtl; PADDING-TOP: 0px; BACKGROUND-COLOR: #999999; TEXT-ALIGN: center
}
A {
COLOR: #000080; TEXT-DECORATION: none
}
extracss {
COLOR: #FFFFFF; TEXT-DECORATION: none; text-align:center
}
A:hover {
COLOR: red; TEXT-DECORATION: none
}
IMG {
BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px
}
#container {
BACKGROUND: url(images/contentbg.gif) repeat-y; MARGIN: 0px auto; WIDTH: 800px
}
#content {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px auto; WIDTH: 580px; PADDING-TOP: 0px
}
#header {
BACKGROUND: url(images/header.gif) repeat-y; HEIGHT: 100px; TEXT-ALIGN: right
}
#header H1 {
PADDING-RIGHT: 30px; PADDING-LEFT: 0px; PADDING-BOTTOM: 10px; MARGIN: 0px auto; FONT: bold 2.9em Times New Roman; COLOR: #fff; PADDING-TOP: 30px
}
#header H1 A {
COLOR: #eee; TEXT-DECORATION: none
}
#header H1 A:hover {
COLOR: #ddd; TEXT-DECORATION: none
}
#header H2 {
PADDING-RIGHT: 25px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; FONT: 8pt tahoma; COLOR: #eee; PADDING-TOP: 0px; TEXT-ALIGN: right
}
#last {
CLEAR: both; PADDING-RIGHT: 5px; BORDER-TOP: #eee 1px solid; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px auto; COLOR: #eee; PADDING-TOP: 2px; HEIGHT: 20px; TEXT-ALIGN: right
}
#last A {
COLOR: #000; TEXT-DECORATION: none
}
#last A:hover {
COLOR: red; TEXT-DECORATION: none
}
#last UL {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #000080; PADDING-TOP: 0px
}
#last LI {
FLOAT: right; MARGIN: 0px 0px 0px 25px; LIST-STYLE-TYPE: none
}
#menu {
CLEAR: both; PADDING-RIGHT: 5px; BORDER-TOP: 1px solid #EEEEEE; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px auto; WIDTH: 700px; COLOR: #EEEEEE; PADDING-TOP: 2px; HEIGHT: 20px; TEXT-ALIGN: right; background-image:url('style_blue/sf_08.png')
}
#menu A {
COLOR: #000; TEXT-DECORATION: none
}
#menu A:hover {
COLOR: red; BACKGROUND-COLOR: #ffffff; TEXT-DECORATION: none
}
#menu UL {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #000080; PADDING-TOP: 0px
}
#menu LI {
FLOAT: right; MARGIN: 0px 0px 0px 25px; LIST-STYLE-TYPE: none
}
#sidebar {
CLEAR: both; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: right; PADDING-BOTTOM: 0px; MARGIN: 0px auto; WIDTH: 140px; PADDING-TOP: 0px
}
#sidebar H1 {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 20px 0px 10px; FONT: bold 1.4em Arial; COLOR: #000080; PADDING-TOP: 0px; BORDER-BOTTOM: #ddd 1px dotted; TEXT-ALIGN: right
}
#sidebar UL {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 20px 0px 0px; PADDING-TOP: 0px; TEXT-ALIGN: right
}
#sidebar LI {
LIST-STYLE-TYPE: square
}
#main {
PADDING-RIGHT: 3px; PADDING-LEFT: 3px; FLOAT: left; PADDING-BOTTOM: 10px; WIDTH: 500px; PADDING-TOP: 3px; TEXT-ALIGN: right
}
#main H1 {
CLEAR: both; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 20px 0px 10px; FONT: bold 1.4em Arial; COLOR: #000080; PADDING-TOP: 0px; BORDER-BOTTOM: #ddd 1px dotted; TEXT-ALIGN: right
}
#main H1 A {
TEXT-DECORATION: none
}
 .title {
CLEAR: both; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 20px 0px 10px; FONT: Simplified Arabic; COLOR: #000080; font-size: 24px; PADDING-TOP: 0px;  TEXT-ALIGN: center
}

 .title2 {
CLEAR: both; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 10px 0px 10px; FONT: bold 1.4em Arial; COLOR: #dc143c; PADDING-TOP: 0px;  TEXT-ALIGN: center
}
#main H1 A:hover {
TEXT-DECORATION: none
}
#main IMG {
BORDER-RIGHT: #eee 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #eee 1px solid; PADDING-LEFT: 3px; FLOAT: right; PADDING-BOTTOM: 3px; MARGIN: 0px 0px 5px 8px; BORDER-LEFT: #eee 1px solid; PADDING-TOP: 3px; BORDER-BOTTOM: #eee 1px solid
}
#main A IMG {
BORDER-RIGHT: #000080 1px solid; BORDER-TOP: #000080 1px solid; BORDER-LEFT: #000080 1px solid; BORDER-BOTTOM: #000080 1px solid
}
#main A:hover IMG {
BORDER-RIGHT: #eee 1px solid; BORDER-TOP: #eee 1px solid; BORDER-LEFT: #eee 1px solid; BORDER-BOTTOM: #eee 1px solid
}
#main P {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 5px 0px; PADDING-TOP: 0px
}
#main A {
TEXT-DECORATION: underline
}
#main A:hover {
TEXT-DECORATION: none
}
#bottom {
CLEAR: both; HEIGHT: 20px
}
#bottom IMG {
PADDING-RIGHT: 0px; PADDING-LEFT: 5px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
#footer {
CLEAR: both; BACKGROUND-POSITION: left top; BACKGROUND-ATTACHMENT: scroll; BACKGROUND-IMAGE: url(images/footer.gif); COLOR: #eee; BACKGROUND-REPEAT: no-repeat; HEIGHT: 60px; TEXT-ALIGN: right
}
#footer #left {
DISPLAY: inline; FLOAT: left; MARGIN: 17px 0px 0px 25px
}
#footer #right {
DISPLAY: inline; FLOAT: right; MARGIN: 17px 25px 0px 0px
}
#footer A {
COLOR: #eee; TEXT-DECORATION: none
}
#footer A:hover {
COLOR: #ddd; TEXT-DECORATION: none
}
#search {
PADDING-RIGHT: 0px; PADDING-LEFT: 30px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 220px; PADDING-TOP: 40px; HEIGHT: 29px
}
#search INPUT {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: right; PADDING-BOTTOM: 0px; BORDER-TOP-STYLE: none; PADDING-TOP: 0px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}
#search INPUT#s {
BORDER-RIGHT: #eee 1px solid; BORDER-TOP: #eee 1px solid; FONT: 8pt tahoma; MARGIN-LEFT: 4px; BORDER-LEFT: #eee 1px solid; WIDTH: 160px; COLOR: #eee; BORDER-BOTTOM: #eee 1px solid; HEIGHT: 15px; BACKGROUND-COLOR: #000080
}
#search INPUT#submit {
BORDER-RIGHT: #eee 1px solid; BORDER-TOP: #eee 1px solid; FONT: 8pt tahoma; BORDER-LEFT: #eee 1px solid; WIDTH: 50px; COLOR: #eee; BORDER-BOTTOM: #eee 1px solid; BACKGROUND-COLOR: #000080
}
FIELDSET {
BORDER-RIGHT: #ddd 1px solid; PADDING-RIGHT: 8px; BORDER-TOP: #ddd 1px solid; PADDING-LEFT: 8px; PADDING-BOTTOM: 20px; MARGIN: 10px 0px 8px; BORDER-LEFT: #ddd 1px solid; COLOR: #000080; PADDING-TOP: 20px; BORDER-BOTTOM: #ddd 1px solid
}
INPUT {
BORDER-RIGHT: #ddd 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #ddd 1px solid; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; FONT: 8pt tahoma; BORDER-LEFT: #ddd 1px solid; COLOR: #000080; PADDING-TOP: 2px; BORDER-BOTTOM: #ddd 1px solid
}
TEXTAREA {
BORDER-RIGHT: #ddd 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #ddd 1px solid; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; FONT: 8pt tahoma; BORDER-LEFT: #ddd 1px solid; WIDTH: 350px; COLOR: #000080; PADDING-TOP: 3px; BORDER-BOTTOM: #ddd 1px solid; HEIGHT: 200px
}
#comment {
CLEAR: both; PADDING-RIGHT: 0px; BORDER-TOP: #ddd 1px dotted; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 50px 0px; PADDING-TOP: 0px
}
#commentsbox {
MARGIN: 0px 0px 10px
}
#textcomment {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px;
  background-color: #99CCFF
}
#infoline {
CLEAR: both; PADDING-RIGHT: 0px; BORDER-TOP: #ddd 1px dotted; PADDING-LEFT: 0px; PADDING-BOTTOM: 2px; MARGIN: 5px 0px; PADDING-TOP: 2px; TEXT-ALIGN: left; BACKGROUND-COLOR: #f5f5f5
}
#infoline #right {
FLOAT: right
}
#infoline #right A {
COLOR: #cc0000; BACKGROUND-COLOR: #F5F5F5; TEXT-DECORATION: none
}
#infoline #right A:hover {
COLOR: #c7db65; BACKGROUND-COLOR: #F5F5F5; TEXT-DECORATION: none
}
#paginator {
CLEAR: both; PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; MARGIN: 50px 0px 10px; PADDING-TOP: 10px
}
#strong {
COLOR: #cc0000
}

plan8 {
padding:0px; MARGIN: 0; DIRECTION: rtl; TEXT-ALIGN: center; font-variant:normal; font-size:12pt; font-family:Arial; font-weight:bold; color:#FFFFFF
}


/* Paginator */
.paginator { font-size: 12px; padding-top: 10px; margin-left: auto; margin-right: auto; }
.paginator a, .this-page { color: #0063DC; padding: 2px 6px; border: solid 1px #ddd; background: #fff; text-decoration: none; }
.paginator a:visited { padding: 2px 6px; border: solid 1px #ddd; background: #fff; text-decoration: none; }
.paginator a:hover { color: #fff; background: #0063DC; border-color: #036; text-decoration: none; }

.paginator .atfirst { padding: 2px 6px; border: solid 1px #ddd; background: #fff; color: #aaa; }
.paginator .atprev { margin-right: 5px; padding: 2px 6px; border: solid 1px #ddd; background: #fff; color: #aaa; }
.paginator .atlast { padding: 2px 6px; border: solid 1px #ddd; background: #fff; color: #aaa; }
.paginator .atnext { margin-left: 5px; padding: 2px 6px; border: solid 1px #ddd; background: #fff; color: #aaa; }

.paginator .first { padding: 2px 6px; border: solid 2px #ddd; background: #fff; }
.paginator .prev { margin-right: 5px; padding: 2px 6px; border: solid 2px #ddd; background: #fff; }
.paginator .last { padding: 2px 6px; border: solid 2px #ddd; background: #fff; }
.paginator .next { margin-left: 5px; padding: 2px 6px; border: solid 2px #ddd; background: #fff; }

.paginator .break { padding: 2px 6px; border: none; background: #fff; text-decoration: none; }
.paginator .this-page { padding: 2px 6px; border-color: #999; font-weight: bold; font-size: 13px; vertical-align: top; background: #fff; color: #FF0084; }

 
Logged
“Fifty years of programming language research, and we end up with C++?”

nukpana

  • Hero Member
  • *****
  • Karma: 71
  • Posts: 663
Re: content column .. problem on my template (footer)
« Reply #5 on: April 16, 2011, 05:00:42 AM »

Woah woah, I am sorry - You don't have a single html file that you use to template, test, then post here any issues?  I really hate to go through a ton of code just to get to the html (example: google analytics, php?)
Logged

adminphp

  • Full Member
  • ***
  • Karma: 4
  • Posts: 150
  • you must be a great snewser .
Re: content column .. problem on my template (footer)
« Reply #6 on: April 16, 2011, 02:43:06 PM »

Woah woah, I am sorry - You don't have a single html file that you use to template, test, then post here any issues?  I really hate to go through a ton of code just to get to the html (example: google analytics, php?)

ok look at my website my site   In particular look at this article example of the problem and check the footer of my template you will find the article Beyond the border (footer) i hope you find the solution .. as i said i didn't use some divs in my template such as  #container  and #content  .. so is those divs can be effect in my template.. i know that the indexes is much long .
« Last Edit: April 16, 2011, 02:50:21 PM by adminphp »
Logged
“Fifty years of programming language research, and we end up with C++?”