Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Register Log in
  • Congratulations Chris Miller on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

CSS and SSI Problem

Status
Not open for further replies.
purpleski

purpleski

IS-IT--Management
Aug 14, 2002
112
FR
Hi

I hope somebody can help with this as I have spent all day trying to sort it out with no luck.

I want to convert my site from a frames site to a site using SSI. The look of the current site can be seen at Left frame stays the same and is a page with a purple background.

I have created another page
which has a server side include inserting the menu page
into page.shtml.

But I just can not find a way to structure the CSS so that the right part of page.shtml is white. Basically I want the left part of the page to be purple about 130 pixels and the right part regardless of width to be white.

The css for the pages is held in external css files at
Please help :)

Regards
 
Sort by date Sort by votes
why not make a background image about ooo 1800pixels wide and 5 pixels high and set a style for your body to only repeat the background image vertically. of course your image will have 130 pixels on the left in purple.

<signature>
sometime you just gotta say &quot;WHAT THE @#*% !!&quot;
</signature>
 
Upvote 0 Downvote
I think your problem, is that you are using the CSS (BODY BGCOLOR) and that would affect the whole site, to work around it, don't use the BDY BGCOLOR, but use tables instead.

On table for the left, set it's BGCOLOR, then another table for the right with a different BGCOLOR.

If you haven't heard of it, then you most likely don't need it.
---------------------------------------------------------------------
---------------------------------------------------------------------
 
Upvote 0 Downvote
There is the problem. I want to use pure CSS - no tables except for tabular data such price lists.

That said I think I have cracked it but thanks for the feed back.



 
Upvote 0 Downvote
No problem.

If you think you have cracked it, post here you newly found solution so we can all learn.

Thanks.

If you haven't heard of it, then you most likely don't need it.
---------------------------------------------------------------------
---------------------------------------------------------------------
 
Upvote 0 Downvote
I don't think it is completely sorted but basically everything within the body tags except the include statement to the menu file I surrounded in one div tag which seemed to work as follows:

<body>
<!--#include virtual=&quot;menu.htm&quot; -->
<div id=&quot;divContainer&quot;>
<div id=&quot;divTitle&quot;>
The Title
</div>
<div id=&quot;divContent&quot;>
Content goes here including CSS tags.
</div>
</div>
</body>

The divContainer tag referenced to the following in the external CSS file

#divContainer{
left:196;
position:absolute;
text-align:left;
top:100px;
color:#000000;
background-color:#FFFFFF;
font-size:10pt;
font-weight: normal;
}

I had some problems with some tags interfering with the CSS in the CSS file referenced by menu.htm but not insurmountable, just a bit more care is needed with naming.

Hope this helps and any comments people have most welcome.

Regards

 
Upvote 0 Downvote
Status
Not open for further replies.

Similar threads

jizzer
  • Locked
  • Question
HTML/CSS Image map with multiple tool-tips
Replies
3
Views
1K
spamjim
spamjim
cae154
  • Locked
  • Question
Body of email not appearing in correct font on iPhone and iPad
Replies
1
Views
790
spamjim
spamjim
Expoverse
  • Locked
  • Helpful tip
Solution to CSS Two Level Horizonal Menu 1
Replies
1
Views
769
pmonett
pmonett
PeDa
  • Locked
  • Question
CSS two level horizontal menu
Replies
0
Views
614
PeDa
PeDa
PeDa
  • Locked
  • Question
Horizontal rule and CSS problem 2
Replies
2
Views
653
PeDa
PeDa

Part and Inventory Search

Sponsor

Back
Top