Ask a Question related to Macromedia Dynamic HTML, Design and Development.
-
meeesta #1
Mimmicking tables with CSS
Hello.
Thanks for taking the time to read my query.
I've basically got in table a page (dark grey) with a panel that sits in it
(light grey).. this fills the screen, except for a 16px gap around the edge
which allowed the dark grey to show through.
Easy with HTML4... <body leftmargin="16" topmargin="16" rightmargin="16"
bottommargin="16" marginwidth="16" marginheight="16"><table width="100%"
height="100%" border="0" cellpadding="0" cellspacing="0">.. this structure
would give me what I wanted (obviously with colours added).
However I'm trying to reproduce this with transitional xhtml and css. Sooo I
tried this in the CSS...
body{
background-color: #526B75;
background-repeat : repeat-x;
background-image: url(../images/top-background.gif);
font-family: arial, helvetica, geneva, verdana, sans-serif;
font-size: 12px;
font-weight: normal;
padding: 16px;
margin: 0px;
}
#holdall{
position:relative;
top: 0px;
left: 0px;
width:100%;
height:100%;
margin:0px;
padding:0px;
background-color: #DCE1E3;
}
and some xhtml that roughly boiled down equalled...<body><div id="holdall">
content</div></body>
However, although the light grey panel is displayed fine, the height is all
wrong causing scroll bars to appear. I thought the CSS for the 'holdall' div
being set to relative would measure the height available within the document
'body' but it appears not.
Does anybody have any ideas how to fix this?
Many thanks,
Meeesta
meeesta Guest
-
one or two tables
Hello, I'd like to hear what you think about the following - We have an application (database plus software) that is used as a central... -
Again tables!
OK, I uderstood that ID changes Word tables to native ID tables. But what if I need only to change the text in the same table? For example, If I once... -
XML and Tables
Is it possible to put formatting in the XML-file then? So I can generate the format from my program which makes the XML-file... Or can I solve... -
SQL tables
Hello, I am using php to create a form. I would like that forms information to go into a database. When creating tables where the information that... -
Look up Tables
Do you relate look-up table in sql server 2000? Example: MEMBER TABLE STATE TABLE MemberID StateID State ... -
Murray *TMM* #2 Re: Mimmicking tables with CSS
Why:
The table works fine for that. Why worry about it?
--
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver
(If you *MUST* email me, don't LAUGH when you do so!)
==================
[url]http://www.dreamweavermx-templates.com[/url] - Template Triage!
[url]http://www.projectseven.com/go[/url] - DW FAQs, Tutorials & Resources
[url]http://www.dwfaq.com[/url] - DW FAQs, Tutorials & Resources
[url]http://www.macromedia.com/support/search/[/url] - Macromedia (MM) Technotes
==================
"meeesta" <webforumsuser@macromedia.com> wrote in message
news:d6a8qg$pm8$1@forums.macromedia.com...> Hello.
>
> Thanks for taking the time to read my query.
>
> I've basically got in table a page (dark grey) with a panel that sits in
> it
> (light grey).. this fills the screen, except for a 16px gap around the
> edge
> which allowed the dark grey to show through.
>
> Easy with HTML4... <body leftmargin="16" topmargin="16" rightmargin="16"
> bottommargin="16" marginwidth="16" marginheight="16"><table width="100%"
> height="100%" border="0" cellpadding="0" cellspacing="0">.. this structure
> would give me what I wanted (obviously with colours added).
>
> However I'm trying to reproduce this with transitional xhtml and css. Sooo
> I
> tried this in the CSS...
>
> body{
> background-color: #526B75;
> background-repeat : repeat-x;
> background-image: url(../images/top-background.gif);
> font-family: arial, helvetica, geneva, verdana, sans-serif;
> font-size: 12px;
> font-weight: normal;
> padding: 16px;
> margin: 0px;
>
> }
>
> #holdall{
> position:relative;
> top: 0px;
> left: 0px;
> width:100%;
> height:100%;
> margin:0px;
> padding:0px;
> background-color: #DCE1E3;
> }
>
> and some xhtml that roughly boiled down equalled...<body><div
> id="holdall">
> content</div></body>
>
> However, although the light grey panel is displayed fine, the height is
> all
> wrong causing scroll bars to appear. I thought the CSS for the 'holdall'
> div
> being set to relative would measure the height available within the
> document
> 'body' but it appears not.
>
> Does anybody have any ideas how to fix this?
>
> Many thanks,
> Meeesta
>
Murray *TMM* Guest
-
meeesta #3 Re: Mimmicking tables with CSS
I'm trying to mix xml elements into the html, so I switched DTD to:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
When you try the 100% table trick with this DTD it doesn't work.
meeesta Guest
-
Murray *TMM* #4 Re: Mimmicking tables with CSS
Oh. Did you read this?
[url]http://www.apptools.com/examples/tableheight.php[/url]
--
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver
(If you *MUST* email me, don't LAUGH when you do so!)
==================
[url]http://www.dreamweavermx-templates.com[/url] - Template Triage!
[url]http://www.projectseven.com/go[/url] - DW FAQs, Tutorials & Resources
[url]http://www.dwfaq.com[/url] - DW FAQs, Tutorials & Resources
[url]http://www.macromedia.com/support/search/[/url] - Macromedia (MM) Technotes
==================
"meeesta" <webforumsuser@macromedia.com> wrote in message
news:d6addq$3u6$1@forums.macromedia.com...> I'm trying to mix xml elements into the html, so I switched DTD to:
>
> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
> "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
>
> When you try the 100% table trick with this DTD it doesn't work.
>
Murray *TMM* Guest
-
meeesta #5 Re: Mimmicking tables with CSS
Thanks Murray.
That's exactly what I was looking for... gave me the answers I needed.
Much appreciated.
Cheers,
Meeesta
meeesta Guest
-
Murray *TMM* #6 Re: Mimmicking tables with CSS
You're welcome!
--
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver
(If you *MUST* email me, don't LAUGH when you do so!)
==================
[url]http://www.dreamweavermx-templates.com[/url] - Template Triage!
[url]http://www.projectseven.com/go[/url] - DW FAQs, Tutorials & Resources
[url]http://www.dwfaq.com[/url] - DW FAQs, Tutorials & Resources
[url]http://www.macromedia.com/support/search/[/url] - Macromedia (MM) Technotes
==================
"meeesta" <webforumsuser@macromedia.com> wrote in message
news:d6c884$mek$1@forums.macromedia.com...> Thanks Murray.
>
> That's exactly what I was looking for... gave me the answers I needed.
>
> Much appreciated.
>
> Cheers,
> Meeesta
>
Murray *TMM* Guest
Reply With QuoteSimilar Questions and Discussions
Posting Permissions
- You may not post new threads
- You may post replies
- You may not post attachments
- You may not edit your posts
