DW CS3 CSS template problems in EI6

I'm new to CSS and DW, so I tried starting with DW's new CSS
layouts. After working on this off and on for about a year, I
finally got the design to look okay in both FF 2 and IE 7. Wouldn't
you know my client has IE 6 and the layout breaks in 6. In 6 the
middle section, including the banner image, float drop down to the
bottom. If I make the width on #container2 to be 956 pixels instead
of 950, then 6 lets the middle section float up, but all browsers
have a background colored gap between the banner images and one or
more of the sidebar images. I'm ready to pull my hair out!
Here's the link to the page set to work for IE 7 and FF and
to break in 6. The entire site, of course, has many more pages but
this just has the index because I'm experimenting.
http://www.montanahorsesales.com/shf2/
and here's the style sheet that has the problem.
http://www.montanahorsesales.com/shf2/styles/thrColFix.css
The reason I added the #container2 is to get the cream
colored background to show in both IE7 and FF. One or the other was
giving me the dark green background in the main content and the
other was giving me the cream colored main content background like
it was supposed to.
Any suggestions? Is there a quick and easy way to fix this so
it works in all browsers? Or a hack to fix it for IE 6? I can live
without it working in any IE before 6, but I need 6 to work.
In general, it is a mistake to start with DW's included CSS
layouts? I thought it would be such a smart thing to do but now I'm
not so sure!

Cleo3 wrote:
> Any suggestions? Is there a quick and easy way to fix
this so it works in all
> browsers? Or a hack to fix it for IE 6? I can live
without it working in any
> IE before 6, but I need 6 to work.
Hi,
you could try replacing yours for mine...
.leftMargin198 {
margin: 0px;
padding: 0px;
height: 175px;
width: 554px;
float: left;
HTH
chin chin
Sinclair

Similar Messages

Css template problems

I am working on re-doing pages on a site so the content is centered and fixed width using css. Previously used tables. I am having some problems with the display. The background for the left menu does not show except behind the menu. The container that holds the menu doesn't seem to go all the way to the bottom and thus is shifting the other containers at the bottom to the left. The main container does not seem to extend to the bottom either you can see where the background color stops. I have set the html/body to min 100%. Also in IE for windows, there is no margin between the slideshow and the left menu, Firefox there is a margin. You can view the page at http://www.cheyennecampingcenter.com/templatetest2.html .
I hope this makes some sense? I was up all night and I am on my way out now, just don't have much time to explain further right now. I am learning CSS, but obviously I have more to learn. Any help would be much appreciated!
Thanks,
Steve

Okay, I'm still having trouble with the two background images, the bar on the left and the bar at top. In have remade the template and it displays fine when I create a page as shown here http://www.cheyennecampingcenter.com/template_test_FINAL1.html . When I reapply the template, the quote marks in the css definition of the "container" and "top_bar" are gone as well as the backgrounds as shown here http://www.cheyennecampingcenter.com/template_test_FINAL.html . The quote marks are still there in the template, but are lost when I reapply the template? Here is a sample of the css:
#top_bar { background-image: url('images new/header_bkgnd.jpg'); margin-right: auto; margin-left: 110px; width: 815px; height: 100px; }
#top_bar { background-image: url(images new/header_bkgnd.jpg); margin-right: auto; margin-left: 110px; width: 815px; height: 100px; }
I have tried a few things, but it only seems to happen in the "headlocked" part of the code. One other strange thing, if I take the html file that does not have the backgrounds and duplicate it in the site window, the quote marks and backgrounds come back. If I reapply the template to the duplicated file, they disappear again? Any Ideas?
Thanks again!

Css / template problem

I have my local site working fine but when I upload it to my
webspace it can't find the css file and its all over the place. My
css file is at cssfiles/psc.css. I've copied the source from my
uploaded page below
I have tried reuploading and everything I can think of but
can't se what the problem is here
Thanks
Iain
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1" />

<title>about</title>
<link href="cssfiles/psc.css" rel="stylesheet"
type="text/css" />


</head>

Lots more than that. Duplicate ID values will screw things
good.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"Osgood" <[email protected]> wrote in
message
news:gqagci$so9$[email protected]..
> ok simple one, you're missing a closing bracket after
a:hover, put one in
> as below:
>
> a:hover {
> text-decoration: none;
> font-weight: bold;
> color: #FFFFFF;
> font-family: Arial, Helvetica, sans-serif;
> font-size: 100%;
> }
>
>
>
>
>
> Osgood wrote:
>> iain3055 wrote:
>>> Hi Osgood,
>>>
>>> Its www.prestwicksailingclub.co.uk
>>>
>>> Iain
>>
>> Hi Iain
>>
>> I have a feeling that the server may not be set up
correctly to interpret
>> the css file, read this article:
>>
>>
http://devedge-temp.mozilla.org/viewsource/2002/incorrect-mime-types/
>>
>> You should test the page in Internet Explorer
because that will usually
>> pass an incorrect mime type file. I don't have IE on
this computer to do
>> a test.
>>
>> However it does not pick up the css file in Safari
either, so I'm not
>> sure that the above applies as Safari to my
knowledge doesn't use the
>> Gecko browser engine to display files.
>>
>> The link to your css on the 'about us' page is
technically in the wrong
>> place. It should not be in the page title editable
region but after it.
>> But your other pages show the link in the correct
position yet they still
>> do not see the css styles.
>>
>> I'm just going to do a couple more tests on my own
server to see what
>> happens.

CS3 IE template problem

Hi,
I have made a very basic site with html, based on a template.
However, none of the content is showing up in IE?! Looks fine
in Firefox. (This did not happen when designing in DW8.)
Please advise.
heres the link:
http://www.collegeofbusiness.info/training/

On Sat, 22 Sep 2007 01:23:31 +0000 (UTC), "synthetic0420"
<[email protected]> wrote:
>Hi,
>
> I have made a very basic site with html, based on a
template.
>
> However, none of the content is showing up in IE?! Looks
fine in Firefox.
>(This did not happen when designing in DW8.)
>
> Please advise.
>
> heres the link:
>
http://www.collegeofbusiness.info/training/
a couple of errors show up when validated - one html
ine 17, character 46:
... eft" valign="top"
background="images/bodySpan.jpg"><table wi ...
^
Error: there is no attribute background for this element (in
this HTML
version)
and one css
65 .bold Lexical error at line 65, column 2. Encountered: "/"
(47), after : "<"
but it is not really a good idea to just define text as bold
class -
better to use <strong> and/or <em> - which you
then can define in css
sheet.
and you don't use any .h1, .h2 either - so maybe a few more
things to
do.
~Malcolm N....
~

DW CS3: Template & CSS Rules problems

Dreamweaver CS3 Templates and CSS Rules.
I've built a basic html page with a header, navigation links and main content area, then saved this as a template with the content area as the edit region.
When I create new html pages from this template I want to insert Divs in the edit region for each new page, which I can successfully do, but for some reason Dreamweaver is not allowing me to create new CSS Rules for each new Div? So I'm not able to control position, text layout, colours etc for the new content. So my question is how do I do this?
I got around this with the current website by creating the template with virtually all of the content for the entire website firstly, then deleting as necessary for each page, which I know is the wrong way to build html site pages from a template!
I wonder if someone could please point me in the right direction to get me back on track? Any pointers would be very much appreciated.
Thanks in advance.

Yes, there is a meta tag at the start of the CSS rules. Here's a copy and paste of the code generated in DW CS3. Template was created from a html doc...
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
<style type="text/css">

</style>
</head>

Please help with borders problem with CSS templates

I'm trying to redo my site using the great CSS templates that came with CS4. But I have something goofed up and can't figure out what. Here's the test page that I am using to make the main Template.
http://www.ausranch.com/start-for-2010.html
I want a photo in the upper left and a vertical line from top to bottom of the container that is 6 pixels wide. Then I want a 10 pixel border across the bottom of the photo and the header area. Of course I'd like all of these borders to line up. I thought it might be easier to move the sidebar1 div above the header div. Was that a mistake?
I thought I had it working. It works/displays fine on my Vista computer using both Firefox and IE8. That monitor is an old 1280 x 1024.
It doesn't work on Win 7 with IE8 and a 1600 x 900 widescreen display. Fine on Firefox on both computers. What happens is that the sidebar1 right border doesn't line up with the mainContent left border. I need both because the sidebar1 border is needed for the area that is in between the header and the mainContent (I can't figure out where that space comes from, actually.) The sidebar1 ends well above the end of the mainContent so it has to have a border too. But right now, on that Win7 widescreen computer, the two borders do not line up and appear to be off about 6 pixels. They touch but they don't line up.
In order to make the horizontal lines line up, I had to remove the 30 px margin at the top of the sidebar1 that was in the comments as a bug fix for IE.
Do I need a tweak somewhere or did I totally take the wrong approach here? Thank you.

Here you go:
http://wwww.martcol.co.uk/test/horses.html
That's my attempt and I think it might be a slightly more straighforward solution. basically, I guess it's now a two column layout with no header or footer. It's a bit clunky and if you want my opinion, I think you could get it a bit cleaner if you start again and build it on that basis a 2 Column, fixed, centered layout.
I also think that what you got caught up in was trying to fix a problem by adding and adding to the page. That way eventually, it's really easy to lose track of things. If you had seen it as a two column layout earlier on, it might have been a Eureka moment! I'm no expert but I think I've cobbled something together that will hold up in IE 6 and Firefox.
The two pages are below and if you open them up in DW you should be able to test the site in your local browser at least. I have taken out all your template instances - I just don't understand or use all that stuff - and the links are all absolute to your site. I've tried to comment the page to show you what I have done but, it won't explain everything probably because I am not sure how to explaing it all.
Both the main divs that hold the two columns are floated so if you start tinkering with margins and border width it will throw the page off because of the Box Model. If you want to push content away from the edge of something use padding. The other thing to say is that the page will hold up all the while the right panel content is greater than the left panel.
Gosh, I hope I haven't made things worse!
Regards
Martin

CSS Template in Dreamweaver, cannot make flash(swf) show ???

Hi all,
I'm quite new at using dreamweaver, have been using GoLive
some before and I have got a time consuming problem:
To try to get a hang of CSS page designs I've used the Page
Design (CSS) Halo Right nav that comes with DW8.
I've learnt pretty much how it works BUT, I cannot make a
flash file visible when inserted to the page design ????
It does not show if I insert it to an existing div tag or if
I insert it in a new layer. What am I doing wrong ?
(same goes for images)
Need help quickly.
Thanks!

This is one of the several weird problems with the HALO
layout.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"Pasay" <[email protected]> wrote in message
news:eve7b0$s6g$[email protected]..
> OK!,
> will look into that, as I said I'm all new to this,
grateful for all tips.
> I've posted a new Topic : CSS Template in Dreamweaver,
Submeny
> dissapears?
> may be related to the javascript error ?
> //Bosse
>

CSS Float Problem

Hi All, 10 years since I've been on here (in the days of tables) I have, I'm sure a very basic css float problem in the footer and hopefully someone could take the time to review it for me. I have checked everything but can't find the problem. Thanks in advance;
example of problem here http://davidbrown.ipower.com/template/template.htm
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Our Jewelry Retail Secrets - Thank You</title>
<link href="../stylesheet/style.css" rel="stylesheet" type="text/css" />
<style type="text/css">

</style>
</head>
<body>
<div id="wrapper">
<div id="wrapperfix">
    <div id="toporange_bg">login</div>
</div>
   <div id="wrapperfix_top_grey">
    <div id="top_grey_content_wrapper">
      <div id="big_logo"></div>
      <div id="welcome_user">Welcome "username here"</div>
    </div>
</div>
</div>
    <div id="main_content">
      <p>
        
      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam vel felis velit. Proin a nisl diam, id hendrerit lectus. Nunc eget tortor arcu. Mauris fringilla felis eget mi facilisis vel auctor est lacinia. Sed sit amet dui nibh, in varius metus. Duis malesuada euismod tortor eget lacinia. Donec pretium rutrum nunc, sagittis condimentum elit aliquam in. In eu mauris dui. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
      <p> Nam vel felis velit. Proin a nisl diam, id hendrerit lectus. Nunc eget tortor arcu. Mauris fringilla felis eget mi facilisis vel auctor est lacinia. Sed sit amet dui nibh, in varius metus. Duis malesuada euismod tortor eget lacinia. Donec pretium rutrum nunc, sagittis condimentum elit aliquam in. In eu mauris dui. </p>
</div>
    <div id="footer_container">
      <div id="footer">
        <div id="footer_left">Footer Left</div>
        <div id="footer_centre">Footer Centre</div>
      <div id="footer_right">Footer Right</div></div>
    </div>
</body>
</html>
#footer_container {
background-color: #333333;
width: 100%;
top: 0px;
margin: 0px;
padding: 0px;
#footer {
background-color: #666666;
min-width: 1000px;
margin-right: auto;
margin-left: auto;
padding: 0px;
width: 1000px;
height: 150px;
overflow: hidden;
clear: both;
margin-top: 0px;
margin-bottom: 0px;
position: relative;
#footer_left {
float: left;
width: 33%;
margin: 0px;
padding: 0px;
height: 150px;
#footer_centre {
width: 33%;
height: 150px;
margin: 0px;
padding: 0px;
float: left;
#footer_right {
float: left;
width: 33%;
height: 150px;
margin: 0px;
padding: 0px;

I still don't see the #footer_left rule in the CSS in the online example at
http://davidbrown.ipower.com/template/template.htm

DW-CS3 CSS Layout vs. Eric Meyer CSS Sculptor

I am in the process of upgrading from CS2 to CS3. I noticed
that DW-CS3 offers many enhancements in the area of CSS. I also am
aware of the WebAssist CSS Sculptor by Eric Meyer. What I am
wondering is if I upgrade to DW-CS3 do I need CSS Sculptor? Does
Sculptor offer that much more than DW's new enhancements or can a
novice do just fine with DW?
Thanks

I think you'll do just fine with the layouts shipped with
DW.... though for
a novice, I'd suggest you'd need to become familiar with CSS.
Lots of good
css tutorials at the Adobe site that will get you started..
(last link in
my signature).
Nadia
Adobe® Community Expert : Dreamweaver
CSS Templates |Tutorials |SEO Articles
http://www.DreamweaverResources.com
~ Customisation Service Available ~
http://www.csstemplates.com.au
Spry Widget Examples
http://www.dreamweaverresources.com/spry-widgets/
~ Forum Posting Guidelines ~
http://www.adobe.com/support/forums/guidelines.html
CSS Tutorials for Dreamweaver:
http://www.adobe.com/devnet/dreamweaver/css.html
"Cyotix" <[email protected]> wrote in
message
news:fkdv4n$511$[email protected]..
>I am in the process of upgrading from CS2 to CS3. I
noticed that DW-CS3
>offers
> many enhancements in the area of CSS. I also am aware of
the WebAssist CSS
> Sculptor by Eric Meyer. What I am wondering is if I
upgrade to DW-CS3 do I
> need
> CSS Sculptor? Does Sculptor offer that much more than
DW's new
> enhancements or
> can a novice do just fine with DW?
>
> Thanks
>

Oracle site studio designer 10gR4 Template problem

Hello To every body,
Our problem is that we want to implement css template in site studio but the changes which we make in the template are not reflected in the pages (either primary/secondary).
Is there any solution or any type of links/blogs/videos which can help us.
Thanks
VIDs.

Have you checked-in that css files in content server?

How do I convert an html design web site to CSS template and layout?

Good Morning, All!
How can I convert, apply, or change, efficiently, my html web pages into a CSS template so I don’t have to change each page every time I add something to the main page…also, I currently have two tables (I know, old-fashioned) one which holds my list of contents and links to the different sections (page) with information from the community on the website. The other table holds my text and pictures which I want to update daily. How can I change the format to a 2 column, liquid layout with a masthead area on top for logo and text with a box around it. Time was not available for me to learn all the details of my new Dreamweaver program so I did what I knew and uploaded it with all the boo-boos, inactive links and non-existant pages.
Now I have the time to focus and want to get it done better so that it is easy to update with new text and features daily. (I am converting my printed newspaper to an online version after 17 plus years and trying to learn the new Adobe Premium Design Suite CS5 programs. What a trip this is at 61-years-old!
My community and readership are looking forward to the web site according to a survey I took. They are very tolerant about my boo-boos while I learn the new software for the web design. I’ve let them know, through my newspaper and personally (I am very active in the community), that online is where I am going and all that I’ve spoken to, or who have sent emails, are very supportive and look forward to getting their news from my web site newspaper.)
I am seeking some guidance...I know a little about a lot, but not a lot about anything...even though I've been working with computers since 1983.
I thank you all in advance for whatever help you can give.
Donna

That's a good start. You will want to fix these things -
* change this -
Don Lawton. Used with permission. <div></p>
to this -
Don Lawton. Used with permission.</p>
* change this -
</center>
</P>
<div align="center"><a href="mailto:
to this -
</center>
<div align="center"><a href="mailto:
* change this -
<p>
<center>
    <b><font size="+1">Webmistress: Donna Lee Hanlon<br />
      c/o www.Nahant.com · PO Box 88 · Nahant, MA 01908<br />
      Copyright 2002-12</font></b>
</center>
</p>
to this -
<p style="text-align:center;">
    <b><font size="+1">Webmistress: Donna Lee Hanlon<br />
      c/o www.Nahant.com · PO Box 88 · Nahant, MA 01908<br />
      Copyright 2002-12</font></b>
</p>
And now you will have a page that contains completely valid HTML.

[URGENT] Ques::custom Template Problem in IF statement?

kindly help me out in solving this template problem...
this is what i have written for my JHEADSTART Template.. where i recieve error.
#if ( #WIZARD_PAGE_LIST_BEAN().selectedStep==3)
<af:panelPage title="#if (!${JHS.current.group.hasTreeLayout})#PAGE_TITLE()#end" id="panelPage" partialTriggers="CreateNewEquip_AccSpcEquip">
#else
<af:panelPage title="#if (!${JHS.current.group.hasTreeLayout})#PAGE_TITLE()#end" id="panelPage" >
#end
i want to check if wizard step has value 3 then corresponding line showed be executed....
NEED URGENT REPLY... THANKS

[CreateNewEquip_AccequipmentDefinition.jspx] org.apache.velocity.exception.ParseErrorException: Encountered "#WIZARD_PAGE_LIST_BEAN" at line 37, column 7.
Was expecting one of:
<STRING_LITERAL> ...
"true" ...
"false" ...
<NUMBER_LITERAL> ...
<IDENTIFIER> ...
Kindly let me know the Right expression for it ...

Can I over-ride thrColFixHdr.css template for homepage only?

My site, http://isuckatgolf.net has a thrColFixHdr.css template used throughout the site. Which is fine for every page but the homepage. I want the homepage to be wide open so I can make a landing page more like a newpaper effect and not be restricted to fitting items into the small sidebars for instance. I want to do something more like this http://golfweek.com/ .
I'd prefer to just add html to the homepage that would collapse the left and right sidebar and leave the main content area large. Right now the sidebars are 175 pixels and the content 600. I'd like the to be 950pixels and the sidebars 0 pixels. But leave the rest of the site as is.
I'd prefer not to add a second style sheet just for the homepage, as that would mess up my spry menu bar that is on every page.
Can it be done? If so what's the easiest (note I didn't say "best"!) to do so.
Thanks so much.
Ken

Make a back-up of your homepage first just incase it all goes belly up and you want to revert back to the original.
Open the homepage and add the below css:
.thrColFixHdr #sidebar1, .thrColFixHdr #sidebar2 {
display: none;
.thrColFixHdr #mainContent {
margin-left: 0;
width: 960px;
Look for this piece of css coding which already exists in your page:
<style type="text/css">
#mainContent {
    background-color: #222222 !important;
    background-image: url(/gradientgreenchris2.jpg);
    background-repeat: repeat-x;

</style>
Add the two new css selectors as shown below: (please note your opening comment 
</style>
You could just add - margin-left: 0; width: 960px; - to the css selector which already exists like this:
<style type="text/css">

</style>

Location of CSS template files

hi all,
Can anybody tell me the location of CSS template files to customize the template ??
thanks in advance
Regards,
Ahmed

You do NOT want to change the bundled CSS files. Create your own CSS and include it in the template after the built-in CSS include. Any classes you create in your own file of the same name and specificity as the built-in classes will override those classes. For example:<style type="text/css">
td.myclass{color:red}
td.myclass{color:blue}
</style>The color of the text in a table cell with the class "myclass" will be blue, not red, since the same class was defined twice, it will use the one that came last on the page.
If you change the classes in the built-in template CSS files, you'll change them for everyone using your APEX instance, which is not a particularly good thing to do.
Tyler

CSS template in document view

Hello everyone,
Somebody asked me to help with their DW CSS template view in
document
window. The template looks OK in browser preview, but in
document window it
looks like a "mess" - like CSS are not displaying properly.
Is there a way
to make it look in document window just like in browser
preview? (sort of
WYSIWYG).
Thank you,
Victoria

VIEW | Style Rendering > Display Styles
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"Victoria" <[email protected]> wrote in message
news:g4lchg$nc2$[email protected]..
> Hello everyone,
> Somebody asked me to help with their DW CSS template
view in document
> window. The template looks OK in browser preview, but in
document window
> it looks like a "mess" - like CSS are not displaying
properly. Is there a
> way to make it look in document window just like in
browser preview? (sort
> of WYSIWYG).
>
> Thank you,
> Victoria
>

DW CS3 CSS template problems in EI6

Similar Messages

Maybe you are looking for