1
M4d3L
CSS/Div Problem!!
  • 2005/4/25 18:45

  • M4d3L

  • Just popping in

  • Posts: 60

  • Since: 2002/11/18


I have some probleme with my theme.
This is my html 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" xml:lang="<{$xoops_langcode}>" lang="<{$xoops_langcode}>">
<
head>
<
meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<
meta http-equiv="content-language" content="<{$xoops_langcode}>" />
<
meta name="robots" content="<{$xoops_meta_robots}>" />
<
meta name="keywords" content="<{$xoops_meta_keywords}>" />
<
meta name="description" content="<{$xoops_meta_description}>" />
<
meta name="rating" content="<{$xoops_meta_rating}>" />
<
meta name="author" content="<{$xoops_meta_author}>" />
<
meta name="copyright" content="<{$xoops_meta_copyright}>" />
<
meta name="generator" content="XOOPS" />
<
title><{$xoops_sitename}>-<{$xoops_pagetitle}>title>
<
link href="<{$xoops_url}>/favicon.ico" rel="SHORTCUT ICON" />
<
link rel="stylesheet" type="text/css" media="screen" href="<{$xoops_url}>/xoops.css" />
<
link rel="stylesheet" type="text/css" media="screen" href="<{$xoops_themecss}>" />

<
script type="text/javascript">

script>


<{
$xoops_module_header}>

head>
<
body>
    <
div id="siteframe">
        <
div class="pageHeader">
            <
div id="pageHeaderLogo"><a href="<{$xoops_url}>/"><img src="<{$xoops_imageurl}>images/logo.gif" alt="<{$xoops_sitename}>" align="middle" />a>div>
              <
div id="pageHeaderBanner"><{$xoops_banner}>div>
        div>
        <
div class="pageNavMenu">
            <{include 
file="odesia_v4/blocks/theme_navmenu.html"}>
        div>
      
        <{if 
$xoops_lblocks}>
        <
div id="blockLeft">
            
            <{foreach 
item=block from=$xoops_lblocks}>
            <{include 
file="odesia_v4/blocks/theme_block_left.html"}>
            <{/foreach}>
           
        div>
        <{/if}>
        

        <{if 
$xoops_rblocks}>
        <
div id="blockRight">
            
            <{foreach 
item=block from=$xoops_rblocks}>
            <{include 
file="odesia_v4/blocks/theme_block_right.html"}>
            <{/foreach}>
               
        div>
        <{/if}>
        
          
    <
div id="blockCenter">
            <
div class="pageTitle"><{$xoops_sitename}> - <{$xoops_pagetitle}><hr />div>
                <{if 
$xoops_showcblock == 1}>
                
            <
div id="block1123">
                <
div id="blockCenterC">
                    <{foreach 
item=block from=$xoops_ccblocks}>
                        <{include 
file="odesia_v4/blocks/theme_block_centerc.html"}>
                    <{/foreach}>
                div>
                
                <
div id="blockCenterL">
                    <{foreach 
item=block from=$xoops_clblocks}>
                        <{include 
file="odesia_v4/blocks/theme_block_centerl.html"}>
                    <{/foreach}>
                div>
                
                <
div id="blockCenterR">
                    <{foreach 
item=block from=$xoops_crblocks}>
                        <{include 
file="odesia_v4/blocks/theme_block_centerr.html"}>
                    <{/foreach}>
                div>
        
            div>
            <{/if}>
            <
div id="mainContent"> <{$xoops_contents}> div>
            
        div>      
      
        <
div class="pageFooter"><{$xoops_footer}>div>
    div>
  body>
html>


And my style sheet
body {
font-family:VerdanaArialHelveticasans-serif;
font-size0.8em;
margin0;
padding0;
}


.
pageHeader
    
width:100%; 
    
height:81px
    
background-image:url(images/header_bg.jpg);    
    
background-repeat:repeat-x
    
background-color:#FFFFFF;
}


#pageHeaderLogo{ 
    
width240px;
    
floatleft;
}


#pageHeaderBanner{ 
    
text-aligncenter
    
padding-top10px;
}


.
pageNavMenu
    
text-aligncenter
    
padding-top:4px;    
    
padding-bottom:4px;    
    
background-color#9AB6C9; 
    
color#394F76; 
    
background-image:url(images/navmenu_bg.jpg); 
    
background-repeat:repeat-x;
}


.
pageNavMenu a
    
font-weight:bold;
    
color#3C5F84;
}


.
pageNavMenu a:hover{
    
color#FFFFFF;    
}


#blockLeft{
    
width150px;
    
floatleft;
}


#blockRight{ 
    
width:175px
    
floatright;
}


#blockCenter{

    
width674px;
    
margin-left:175px;
    
margin-right:175px;
    
background-color:#FFFFFF;
    
}


#blockCenterL{
    
floatleft
    
width:322px;
}


#blockCenterC{ 
    
width:644px;
    
}


#blockCenterR{  
    
floatright
    
width:322px
}


#mainContent{
    
text-alignleft
    
padding:5px;
}


#siteframe {
width:1024px;
margin:0 auto;
background-color:#EFEFEF;
}


#conteneur {
width:100%;
background-color:#EFEFEF;
}


.
pageFooter{
    
width:100%;
    
padding-top:8px;
    
padding-bottom:8px;
    
text-aligncenter;
    
font-weightbold;
    
clearboth;
    
background-color#394F76; 
    
color#FFFFFF; 
}


The center block and the content is display after the text of the right or left collomn and I dont know why.

Any body can help me to debug this?

2
m0nty
Re: CSS/Div Problem!!
  • 2005/4/25 19:15

  • m0nty

  • XOOPS is my life!

  • Posts: 3337

  • Since: 2003/10/24


not sure on that repect, but i did spot 1 error

in the header logo part

alt="<{$xoops_sitename}>" align="middle" />

align="middle" is not a valid function..

middle can only be used with vertical-align or valign

align can only use center, left or right

3
M4d3L
Re: CSS/Div Problem!!
  • 2005/4/25 19:25

  • M4d3L

  • Just popping in

  • Posts: 60

  • Since: 2002/11/18


nice find but this not affect my problem.

4
Mithrandir
Re: CSS/Div Problem!!

There is no positioning CSS in the #blockCenter{} style... perhaps a float:left; would help?

5
tjnemez
Re: CSS/Div Problem!!
  • 2005/4/25 22:03

  • tjnemez

  • Home away from home

  • Posts: 1594

  • Since: 2003/9/21


#blockCenter{

width: 674px;
margin-left:175px;
margin-right:175px;
background-color:#FFFFFF;

}

try this:

#blockCenter{

width: 674px;
float: left;
background-color:#FFFFFF;

}

6
M4d3L
Re: CSS/Div Problem!!
  • 2005/4/26 14:52

  • M4d3L

  • Just popping in

  • Posts: 60

  • Since: 2002/11/18



totaly genious!

I have search all the day for this mistake!



Ty very much!

I have one other bug with firefox! if BlockCenterLeft is more long than BlockCenterRight, the block continu over the xoops_content. I think I have to make a container but that not work.

7
M4d3L
Re: CSS/Div Problem!!
  • 2005/4/26 15:12

  • M4d3L

  • Just popping in

  • Posts: 60

  • Since: 2002/11/18


oh yes! FOUND!

#mainContent{
    
text-alignleft
    
padding:5px;
    ==>> 
clear:both;
}

Login

Who's Online

472 user(s) are online (349 user(s) are browsing Support Forums)


Members: 0


Guests: 472


more...

Donat-O-Meter

Stats
Goal: $100.00
Due Date: Nov 30
Gross Amount: $0.00
Net Balance: $0.00
Left to go: $100.00
Make donations with PayPal!

Latest GitHub Commits