Re: [css-d] Hello people + IE bug
Ricky Zhou wrote: the header is few-pixels-shifted when compared with the rest of the page (unless the page itself is shifted and the header is OK :-) For me, removing the background-positions on #conteneur and #top in martin.css seemed to fixed the problem. To run IE in Linux, you might consider running windows in vmware player (http://www.vmware.com/products/player/) or some sort of virtual machine. I've also heard that people have gotten IE to run in wine (http://www.winehq.org/). I use IE6 under WINE; using WineTools to install IE and commonly-required Windows system software in WINE makes it work fine. Or you can use Win4Lin to install and run under Linux any copy of Windows (including XP!) that you might own. -- David [EMAIL PROTECTED] authenticity, honesty, community __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Suckerfish validation issues
I can't seem to get suckerfish to validate - which is keeping it Maybe you should first try to get a valid page. The validator at the w3c, tells you exactly what you are not allowed to do: http://validator.w3.org/check?verbose=1uri=http://nglcc.orchidsuites.net/ If the page still does not work after fixing all this problems (108 errors), you can make a repost to the list. It is hard for us to give any advice, as long as your page does not contain valid code. Greets, Thomas __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] footer at bottom /text overfow in IE
I've used this tutorial to stick the footer at the bottom offf the page. http://www.sitepoint.com/forums/showpost.php?p=1239966postcount=3 With FF it works just as i want it to, but in IE the tekst runs over the footer. I want it to scroll automatically. Also the #naviblok doesn't fill out till 100% in IE. So i need some help. www.poolstyling.nl/index.htm www.poolstyling.nl/css/pool.css Met vriendelijke groeten Adrie den Hertog In tel webdesign www.in-tel.nl __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Positioning Help Please
Please look at this layout - http://webhost.bridgew.edu/etribou/layouts/3col_footer/archives/3col_footer_ 02 This is about what I am after except I'd like to be able to absolutely position elements inside the header, footer, and columns. It seems that when I attempt this though the elements I specify as position:absolute; do not position in the parent element properly. Also would it be difficult to set this to a fixed width layout of 780px and centered horizontally? Thanks for any help. Tom __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] footer at bottom /text overfow in IE
Try adding this:
html #footer { margin: 0; padding: 0; position: fixed; z-index: 1; bottom:
0; left: 0; width: 100% }
Scott
[EMAIL PROTECTED] wrote:
I've used this tutorial to stick the footer at the bottom offf the page.
http://www.sitepoint.com/forums/showpost.php?p=1239966postcount=3
With FF it works just as i want it to, but in IE the tekst runs over the
footer.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Unwanted horizontal scroll bar on liquid layout
Hi I have designed a simple two column liquid layout using % widths and Sliding Faux columns. My problem is that as you increase the text size in FF, Netscape, at a certain size the text in the RH column spills out of the navbar div. Advice as to why this is happening and any solutions would be much appreciated. Site address http://www.debbiejoynes.co.uk/ CSS http://www.debbiejoynes.co.uk/stylesheets/main-style.css Cheers Ian W Geddes __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] 3 column table like css?
On 1/14/06, [EMAIL PROTECTED] [EMAIL PROTECTED] wrote: Well, maybe it's the knee jerk that everyone knew tables and the standards issues, so since no one responded, I've decided no borders except the th. If anyone has a better looking idea, please let me know;-) [EMAIL PROTECTED] wrote: http://videointegrations.com/serenity/facial_rosacea_mask.html over the weekend i'm sure a lot of people... well, have a good weekend. :) i think your pricing table looks ok, though i would put a little more space between them since your styling doesn't have a border to define the end of a table. side note: the menu color contrast is still too low for me to read, personally. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Can someone check this and tell me if I'am on the right way, please?
Hi list: ¿It's possible to maintain a text center vertically with checkbox elements in a form? ¿How can I do this? Best, ReynierPM 4to. año Ing. Informática Usuario registrado de Linux: #310201 * El programador superhéroe aprende de compartir sus conocimientos. Es el referente de sus compañeros. Todo el mundo va a preguntarle y él, secretamente, lo fomenta porque es así como adquiere su legendaria sabiduría: escuchando ayudando a los demás... __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Odd div spacing in FF Opera, but not IE?
On 1/15/06, John Bishop - alternative it [EMAIL PROTECTED] wrote:
The problem is visible in Firefox Opera, but not IE (on Windows).
Page is here: http://www2.petrescue.com.au/newindex.htm
The spacing that shouldn't be visible is just below the subnav with
the blue background.
Hi John,
Add these 2:
#navcontainer {padding-bottom:1px}
#maincontainer {padding-top:1px}
Thanks Thierry; fixed the problem beautifully. If you find a spare minute
to
explain why that fixed the problem, it would be most appreciated; I always
like to know why things work :)
my guess would be collapsing margins. the first link on this site is
written in chinese(?), but the second and third ones have pretty useful
demonstrations:
http://css-discuss.incutio.com/?page=CollapsingMargin
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Button text off-center in IE easy css-webdeveloper-tools
And its nice to have the View Source button tool barand tons of other features as well. What a useful tool this is! Thanks again! off topic: remember to trim your post :) this last one was pretty long. if you're looking for handy css tools, the one i've found that ties with the developer toolbar in terms of usefulness is view formatted source. what this does is formats the page's source code for easy reading *and* lets you see *exactly* what css rules are being applied in what order, which has been invaluable to me. i highly recommend giving it a try. official version (not updated for 1.5) https://addons.mozilla.org/extensions/moreinfo.php?id=697 someone else took over to get it for 1.5 (go to fixing broken extensions) http://www.muffinresearch.co.uk/archives/2005/11/30/Firefox_15_Launched.php __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Repost: Quirks mode and validation
Tanya: Tanya Renne wrote: the navigation of this site: http://nglcc.orchidsuites.net performs beautifully in safari, nn, and firefox on mac and pc ... but horribly in IE -- I suspect because the css doesn't validate ... is that because I'm using workarounds (incorrectly)? can someone suggest a remedy? Validation returns errors on how I've set up the hovers and background images - but I've done it this same way on other sites and it validations just fine ... and works too! It's one of those issues which need a second pair of eyes. Scroll down, to where you first call your stylesheet: link rel=stylesheet type=text/css href=http://orchidsuites.net/orchid/styles/democratic-1.css; / style type=text/css !DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN http://www.w3.org/TR/html4/loose.dtd; html lang=en head meta http-equiv=Content-Type content=text/html; charset=ISO-8859-1 meta name=description content= / meta name=keywords content= / meta name=ROBOTS content=ALL / titleWelcome to our site!/title Note, that you have pasted (I'm assuming), the DTD and some meta elements again into an area which you have defined as being a text/css area. Look at your code again, move your CSS to a separate CSS file - two CSS files even if you need to, see if it's possible to move the page towards either HTML 4.01 Strict, or to xHTML 1.0 Strict, remove the non-semantic tables, as far as your developmental time and budget will allow you, revalidate, and come back :-). Your page is extremely hard to read, for a relative newbie to CSS, like myself - while I could potentially solve your problem, the tag-soup prevents me from being able to see it. Read on for a more thorough explanation, from someone wa-ay more experienced than I am. http://diveintomark.org/archives/2003/05/05/why_we_wont_help_you Thanks, -- Tanya Regards, Rahul. -- . . . . . . . . . . . . . . . . . . . . . . . . Rahul Gonsalves Make PNG, not War. . . . . . . . . . . . . . . . . . . . . . . . . __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] inconsistincies with suckerfish hover menu over multiple browsers
Hello,
I am attempting a suckerfish type menu on this page (
http://www.inspired-evolution.com/About_Me.php) and I am having a few
issues. In IE 6 the submenu isn't aligning vertical to the main navigation.
It is appearing off to the right a bit. In Mozilla, the main menu isn't
centered like I want. It's appearing off to the right. In both IE and Moz
there is too much spacing in between the dark blue row that contains the
menu. I am referring to the top and bottom margins, but cannot see where
this spacing is coming from. I having been looking at the CSS for a while,
and belive I need a fresh pair of eyes to look at it!
the CSS is question is:
#navcontainer2
{
width:54em;
border-top:1px solid #fff;
border-bottom:1px solid #fff;
background-color:#036;
margin:0 0 0 2em;
padding:0 0 2em 8em;
height:1;
}
* html #navcontainer2
{
width:62em;
border-top:1px solid #fff;
border-bottom:1px solid #fff;
background-color:#036;
margin-left:.5em;
padding:0;
height:1em;
}
#navlist2 ol, #navlist li
{
margin:0;
padding:0;
list-style-type: none;
}
#navlist2 a:link, #navlist2 a:visited
{
margin:0;
padding:0;
color: #ccc;
border-right: 1px solid #ccc;
text-decoration: none;
font-weight:bold;
}
#navlist2 a:link#current, #navlist2 a:visited#current,
{
border-bottom: 1px solid #fff;
color: #fff;
}
#navlist2 a:hover { color: #f0f8ff; text-decoration:underline; }
#navlist2 a {
display:block;
width:10em;
height:1.5em;
line-height:1.5em;
}
#navlist2 li { /* all list items */
float: left;
width: 10em; /* width needed or else Opera goes nuts */
}
#navlist2 li ol.second { /* second-level lists */
position: absolute;
margin:0;
border-bottom:1px solid #fff;
background: #369;
width:10em;
left: -999em; /* using left instead of display to hide menus because
display: none isn't read by screen readers */
}
#navlist2 liol.second { /* second-level lists for modern browsers */
position: absolute;
border-bottom:1px solid #fff;
background: #369;
padding:0;
width:10em;
margin:0 0 .5em 1.5em;
left: -999em; /* using left instead of display to hide menus because
display: none isn't read by screen readers */
}
#navlist2 li ol.second a { /* second-level lists */
padding:.5em 0 .5em 0;
background: #369;
border-bottom:1px solid #fff;
height:1.5em;
}
#navlist2 li ol.second a:link { /* second-level lists-link */
height:1.5em;
border-bottom:1px solid #fff;
color:#fff;
}
#navlist2 li ol.second a:visited { /* second-level lists-visited */
border-bottom:1px solid #fff;
color:#f0f8ff;
}
#navlist2 li ol.second a:hover { /* second-level lists -hover*/
text-decoration:none;
color:#036;
background-color:#789;
}
#navlist2 li ol.second a:active { /* second-level lists-active */
padding:.5em 0 .5em .5em;
color:#669;
}
#navlist2 li:hover ol.second, #navlist2 li.sfhover ol.second { /* lists
nested under hovered list items */
left: auto;
}
full CSS is at :
http://www.inspired-evolution.com/Gilbert.css
any guidance/assistance is greatly appreciated.
--
::Bruce::
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] positioning problems
I am having to problems: 1: the navVert menu will not stay inside the wrapper 2. when hovering, it does not change colors Url: http://www.1954crestlineskyliner.com/index.htm Please help, Thank you, Sincerely, zinlover __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Odd div spacing in FF Opera, but not IE?
From: cj [EMAIL PROTECTED] the first link on this site is written in chinese(?), but the second and third ones have pretty useful demonstrations: http://css-discuss.incutio.com/?page=CollapsingMargin The spurious links (there were two of them) have been removed, so it is now the first and second link with the useful demonstrations. ~holly __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] positioning problems
On 1/16/06, Stuart King [EMAIL PROTECTED] wrote: I am having to problems: 1: the navVert menu will not stay inside the wrapper 2. when hovering, it does not change colors The color simply won't change because you have an invalid color code (you put an o instead of a zero. To make the absolutely positioned #navVert stay in the wrapper, add position: relative to #wrapper. Ricky __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Overiding text size.
When the size of test is set through a style sheet it canot be overiden by the browser's setting or is there a way? __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Overiding text size.
Anastasios Angelidis wrote: When the size of test is set through a style sheet it canot be overiden by the browser's setting or is there a way? All major browsers can override font size - regardless of how and where it is set. Some practical info: http://www.gunlaug.no/contents/wd_1_03_02.html http://www.gunlaug.no/contents/wd_1_03_04.html regards Georg -- http://www.gunlaug.no __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] inconsistincies with suckerfish hover menu over multiple browsers
Bruce Gilbert wrote:
Hello,
... I having been looking at the CSS for a while,
and belive I need a fresh pair of eyes to look at it!
Hi Bruce,
The fresh eyes of the css-validator remark some typing errors: some of
the IE-hacks are written as *html {...} without space between the * and
the html. I'm not sure, but maybe that can disturb something of what
you intended.
francky
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Text spills out from side of div
Ian, On Jan 16, 2006, at 8:57 AM, 2geedesign wrote: I have designed a simple two column liquid layout using % widths and Sliding Faux columns. My problem is that as you increase the text size in FF, Netscape, at a certain size the text in the RH column spills out of the navbar div. Site address http://www.debbiejoynes.co.uk/ It looks like you partly fixed this. It now spills out the right... You are running in to a problem with the width of the word 'Psychotherapy' which will stick out if its container when the width of the container is less than the width of the word. You can make this design a bit more flexible by setting your min-width in ems rather than pixels. That way it will get wider as the user increases the text size. hth Roger, -- Roger Roelofs [EMAIL PROTECTED] __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Safari only bug
URL: http://home2006.msu.edu I'm having a hard time finding any documentation on this bug. We just released a beta version of a new MSU.edu web site and are getting feedback. Does anyone know what is going on when Safari drops the left column as mentioned below? Mac Safari ONLY When the window is wider than the content of the page (800 px or so) it looks absolutely perfect on every single page in the MSU.edu site. When the window is smaller than the content of the page, the navigation tabs are pushed slightly to the right (I know why it is doing this). The content and left column are positioned correctly, and everything appears normal. When you adjust the size of the window, the left column drops immediately. It does not matter if you are making the window smaller or larger, it just drops. Nothing else on the page changes (except for the navigation tabs, if you decrease the width at a certain point, they are pushed to the right). Refreshing the page at the new browser window size shows the left column moving back up to its normal location. Certainly, this is an issue, but is not as big as some of the feedback is making it out to be. It appears to be some sort of Safari quirk, and was replicated on multiple versions of Safari (2.0.1 and 1.3.1). __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Newb Questions
I'm pretty new at using CSS, especially for site layout. I was working on
translating a very simple site over the weekend, a couple very basic
questions came up.
If I'm using divs with IDs for layout, is there any reason to use one or
the other convention in my stylesheet?
div#content {...
#content {...
When specifying margins of 0 width, is one or the other of the following
better for any reason?
margin: 12px 0 5px 0;
margin: 12px 0px 5px 0px;
What is the reason I see in some stylesheets for applying the same styles
to both 'body' and 'html' elements? I guess I don't understand the need
for the 'html'.
Thanks,
J
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Repost: Quirks mode and validation
francky wrote:
Hi Tanya,
I suppose something is going wrong withe the embedding of included
php-parts [...]
Hope that if you remove this, everything will go as expected!
Hi again,
I saw some more in your stylesheet. When using:
... { background-image: url('...'); }
you cannot add no-repeat in the same style definition without the
attribute: background-repeat.
In long notation it is:
... {background-image: url('...'); background-repeat: no-repeat;}
In shorthand:
... {background: url('...') no-repeat;}
- Fast working, and when adding no-repeat later, I'm used to forget
deleting the word -image, so I can imagin! ;-)
francky
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Newb Questions
On 1/16/06, JJ [EMAIL PROTECTED] wrote:
If I'm using divs with IDs for layout, is there any reason to use one or
the other convention in my stylesheet?
div#content {...
#content {...
If you need to differentiate between div#content and [something
else]#content (on multiple pages), then div#content would be logical.
Otherwise, since there will only be one #content on a page anyway, I'd
go with #content.
When specifying margins of 0 width, is one or the other of the following
better for any reason?
margin: 12px 0 5px 0;
margin: 12px 0px 5px 0px;
Since 0 is unitless, I (personally) think that the extra px is a waste
of space, though some people like to keep it so that they can change
the value more quickly.
What is the reason I see in some stylesheets for applying the same styles
to both 'body' and 'html' elements? I guess I don't understand the need
for the 'html'.
My guess for this would be that some browsers handle the two
differently (personally, I just apply styles to both to be safe).
Ricky
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] position: relative causing positioning and display problems in class
Just some general notes first: Although it may not have to do with your problem, the whitespace before the DOCTYPE can put IE into quirks mode. Also, you might want to consider using some IDs (use IDs for things that will only appear ONCE on a page, so you'd use an ID for the wrapper/content divs or the header/footer/sidebar. For the menu, I wouldn't pay $45 (?!?) for a javascript solution (that outputs an annoying-to-style table). Instead, you might consider a CSS dropdown menu (like here: http://www.alistapart.com/articles/horizdropdowns) with some minimal javascript to get IE to work. This way, you can fully control the styling of the menu without delving into javascript code as much. (I'm sure that others on this list will have more CSS dropdown experience/suggestions). Ricky __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] 3px holly hack - not working for my needs
Perhaps I need to explore a different approach altogether, but the one I was hoping to use is causing me problems: I created an explanation of my problem based on the Holly Hack demo (http://www.positioniseverything.net/sidepages/jogfix.html) My demo page: http://demo.tectonicsolutions.com/test/ie_3px_fix.html I am wanting to float an image (block) to the left of a container then using a large left margin position the accompanying text in what would become a right column. I am encountering the 3px jog bug in ie but the Holly Hack is not entirely working for my needs because following paragraphs are not getting indented. (see demo) . Any help/suggestions are very welcome. Thanks in advance. -Scott --- Tectonic Network Scott Holdeman Senior Web Designer __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Question on expanding height of an a element
Hi all, I've having a problem with the height of some a elements on a page (see Free Trial and Join The Team at http://postureworks.bluelangroup.net/index.php4). You'll notice that the container spans and div have expanded in height, well past what's needed for the text. I've tried manipulating the CSS at http://postureworks.bluelangroup.net/PWStyle_v3.css a number of different ways to correct this, but can't figure it out. Thanks in advance for any suggestions :) Erik Erik Domingo PS Interesting to note that when I don't specify display:block for the a element, IE6 works fine, but FF expands the height of just the link element. I would leave this as is, but I want to have the site work properly in both browsers :) __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] background color with div
Hi all,
It has been a while since I've designed much and am having a brain
fart at the moment.
I have a graphic (inside a div) that is 100px high and is positioned
absolute at left:0; top:0;. I am wanting to put a div beside the div
with graphic with a background color to stretch to the far right of
the screen so it appears to be one long banner no matter the size of
the browser for the user.
Here's what I have but it isn't working--
div#header {
position: absolute;
top: 0;
left: 0;
z-index: 0;
}
div id=header
div style=float: left;img src=images/headers/winter_header.gif
width=560 height=150 //div
div style=background-color: #009ACF; height: 101px; width:
100%;nbsp;/div
/div
How can I get that second div to stretch all the way across the screen?
Thanks!
Marty Martin
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Fwd: background color with div
I'm such an idiot. I figured it out, thanks! Left the width out of the container div. Duh! Nevermind! Cheers! Marty __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Question on expanding height of an a element
I've having a problem with the height of some a elements on a page (see
Free Trial and Join The Team at
http://postureworks.bluelangroup.net/index.php4). You'll notice that the
container spans and div have expanded in height, well past what's needed for
the text. I've tried manipulating the CSS at
http://postureworks.bluelangroup.net/PWStyle_v3.css a number of different
ways to correct this, but can't figure it out.
fresh set of eyes: instead of .5em you have 5em. big diff!
#footer a {
color: #2B66B2;
padding: 5em 0.25em 0em 0.25em;
}
change that 5em to be .5em.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Spacing/text size question
Hello everyone -- I'm a novice Web designer who needs a little help using CSS. At present, I'm using a simple style sheet to control font sizes on my Web site, www.amalbala.com. I have achieved my goal of controlling text size (and thus spacing) in Internet Explorer, but when I visited my site on a Mac, which uses Safari as the browser, I realized the spacing and sizing get distorted. In other words, the style sheet seems not to work at all. Is there something special I need to do so the style sheet works on Mac browsers as well as PCs? Many thanks. Amal __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Positioning Help Please
Thomas Hall wrote: Please look at this layout - http://webhost.bridgew.edu/etribou/layouts/3col_footer/archives/3col_footer_ 02 This is about what I am after except I'd like to be able to absolutely position elements inside the header, footer, and columns. It seems that when I attempt this though the elements I specify as position:absolute; do not position in the parent element properly. Also would it be difficult to set this to a fixed width layout of 780px and centered horizontally? Thanks for any help. Tom __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Question on expanding height of an a element
thanks!
On 1/16/06, cj [EMAIL PROTECTED] wrote:
I've having a problem with the height of some a elements on a page
(see
Free Trial and Join The Team at
http://postureworks.bluelangroup.net/index.php4). You'll notice that the
container spans and div have expanded in height, well past what's needed
for
the text. I've tried manipulating the CSS at
http://postureworks.bluelangroup.net/PWStyle_v3.css a number of
different
ways to correct this, but can't figure it out.
fresh set of eyes: instead of .5em you have 5em. big diff!
#footer a {
color: #2B66B2;
padding: 5em 0.25em 0em 0.25em;
}
change that 5em to be .5em.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Spacing/text size question
On Jan 16, 2006, at 4:07 PM, Amal Bala wrote:
I have achieved my goal of controlling text size (and thus spacing) in
Internet Explorer, but when I visited my site on a Mac, which uses
Safari as the browser, I realized the spacing and sizing get
distorted. In other words, the style sheet seems not to work at all.
Is there something special I need to do so the style sheet works on
Mac browsers as well as PCs?
Hi Amal,
There's nothing special you need to do to support Safari, Firefox,
Opera (usually), and so forth. In general, each of these browsers
provideds good support for the W3C standards for HTML and CSS. It's
IE that provides pretty poor support, so we usually have to modify
our stylesheets to account for IE's quirks.
As you continue to develop your CSS skills, I'd actually recommend
starting by developing on Firefox, since it should respond
predictably to your changes, and then work around IE's quirks.
As for font sizing, I should preface my remarks by saying that fonts
are always going to be different between browsers and platforms. You
shouldn't expect pixel-perfect accuracy, but should design so that
your site looks good and won't break in a variety of situations. Dan
Cederholm's book Bulletproof Web Design has some great information
on this.
I took a look at your site, and saw that you're using points for font
sizing. Points are great for print, but they're pretty lousy for web
design. Pixels are a bit better, but you can't resize pixels with IE,
so visitors reading the text are out of luck. Relative units (small,
medium, large; ems, and percentages) are usually the way to go.
I'd suggest setting a base font size for your document like this:
body { font-size: small; }
And then modifying the elements using ems or percentages, like this:
h2 { font-size: 1.5em; }
or
h2 { font-size: 150%; }
Hope that helps!
--
Matthew Levine (http://www.infocraft.com/)
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Positioning Help Please
Colin (and Tom),
On Jan 16, 2006, at 5:13 PM, Colin McGarry wrote:
Please look at this layout -
http://webhost.bridgew.edu/etribou/layouts/3col_footer/archives/
3col_footer_02/
This is about what I am after except I'd like to be able to absolutely
position elements inside the header, footer, and columns.
You can set up a new 'positioning context' by applying position:
relative; like so...
#masthead, #contentColumn, #footer { position: relative; }
BTW, there are several hacks in there for really old browsers (as well
as an upgrade notice) that I'd be tempted to remove. Alternatively,
check out the wiki for other 3col layouts that might suit you.
--
Roger Roelofs
Remember, if you’re headed in the wrong direction,
God allows U-turns!
~Allison Gappa Bottke
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Great Book/Tutorial to learn CSS Layout - Was: position: relative causing positioning and display problems in class
Ricky, Thanks for the link to the CSS dropdown menu! http://www.alistapart.com/articles/horizdropdowns I also found this one: http://www.howtocreate.co.uk/tutorials/testMenu.html which allows nested menus beyond 1 nested level. I think the most important thing I can do is learn css from the ground up which is why I would like a GREAT book/tutorial on learning the basics on css layout. I also need a great reference source to understand all attributes. I would appreciate any input as to which books/tutorials can get a beginner up to speed quickly, and also need a great reference book or web site. I want to understand the mechanics of how css works, IE bugs, so I am able to retain as many of the precious remaining hairs on my head. Thank you, Aftershock Web Design, Inc. by: Stan Winchester President/Developer http://www.aftershockweb.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Overiding text size.
Rimantas Liubertas wrote: However, when font-size is set in absolute units (pixels, or even - shudder- points), as opposed to relative units (percentages or ems), IE has trouble resizing them. As a result, it is usually suggested that you avoid absolute units for accessibility reasons. Just for nitpicking sake: pixels are relative units. That's what the CSS spec says, but it shouldn't be defined there as it is, because it is very misleading. Pixels are relative to display resolution and screen size, but since that relativity applies to everything on the screen, it has no relevance to any CSS relative properties discussion or CSS rule, unless you're discussing the exceedingly rare user who intentionally adjusts screen object sizes by changing resolution. Given the size of the screen and the resolution of any particular user's system, a px is thus a fixed size unit. -- Blessed is the nation whose God is the Lord.Psalm 33:12 NIV Team OS/2 ** Reg. Linux User #211409 Felix Miata *** http://mrmazda.no-ip.com/auth/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Great Book/Tutorial to learn CSS Layout - Was: position: relative causing positioning and display problems in class
Stan Winchester wrote: Ricky, Thanks for the link to the CSS dropdown menu! http://www.alistapart.com/articles/horizdropdowns I also found this one: http://www.howtocreate.co.uk/tutorials/testMenu.html which allows nested menus beyond 1 nested level. I think the most important thing I can do is learn css from the ground up which is why I would like a GREAT book/tutorial on learning the basics on css layout. I also need a great reference source to understand all attributes. I would appreciate any input as to which books/tutorials can get a beginner up to speed quickly, and also need a great reference book or web site. I want to understand the mechanics of how css works, IE bugs, so I am able to retain as many of the precious remaining hairs on my head. Thank you, Aftershock Web Design, Inc. by: Stan Winchester President/Developer http://www.aftershockweb.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ Here is a book that I highly recommend. It helped me a lot when I was first learning CSS. This book if full of excellent tips and tricks for layout, browser specific hacks, navigation help, etc. It is really worth a read if you want to learn some great tips for CSS layout. http://www.sitepoint.com/books/cssant1/ Cory __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] no background / footer problems
I am trying to set up an index page with: header content c left c right footer Problems: background image in my content div does not appear I want the width of the 2 columns to be the same with as the background image that does not appear my footer is not behaving. Please help: url: http://www.skingdesign.com/pina_site/index.htm Thank you. Sincerely, Stuart King s king design __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] 3 column table like css? Debugging IE
[EMAIL PROTECTED] wrote:
http://videointegrations.com/serenity/facial_rosacea_mask.html
http://videointegrations.com/serenity/facial_rosacea_mask.html
Well, I decided to try putting some borders into the table and it looks
decent in all but IE6;-(
Anyone got any bright ideas?
-Scott
Hi Scott,
During a week or so I was wondering what would give the strange
IE-stretching of the images on the left side of the serenity-pages,
which disappeared after hovering over some link anywhere. Today I had to
know! Here is the story:
*Debugging IE*
*Step 1: Isolating the problemarea*
Comment out parts of the page, and see if the problem is still there. If
yes: in that part was the problem. If no, go on and omit more parts.
Repeat!
My first thought: the strange enlarging-effect of some images in IE
could be caused by something in the menu, so I dismissed the menu.
Problem still onboard! - Then great steps: I dismissed the whole
#AllContent. It wasn't that! - Problem can be only in something in the
#Header and the classes/ID's below. - Making the area narrower and
narrower ... and ... in the end there was only the image
serenity_swish.gif and the stylesheet itself: surprise!
See (in IE) example-1
http://home.tiscali.nl/developerscorner/css-discuss/serenity_mask1.html
and source code of it.
*Step 2: Collect the css*
See in the stylesheet what styles can possibly can have influence on the
area in which the problem is showing. Copy that styles, and paste them
as style declarations in the head of the page. Disconnect the
stylesheet. If well done, the problem will still be there.
See (in IE) example-2
http://home.tiscali.nl/developerscorner/css-discuss/serenity_mask2.html
and source code of it.
*Step 3: Isolating the problem*
Now we have just the conditions and the effect conveniently arranged on
one page, and now intervening/testing is easy. If you don't see it
immediately, there is always the trial and error method. Worst case
scenario: some patience, but the problem can be targeted.
First thought was the particulairity of the img {width:auto;} and img
{height:auto;}. Images: don't they have an auto width and height by
default? So turned off both auto's. Result!
See (in IE) example-3
http://home.tiscali.nl/developerscorner/css-discuss/serenity_mask3.html
and source code of it.
*Step 4: Solving the problem*
In this case: omitting the general auto's and see if you can miss them
or need them somewhere else in the page (if yes, then add a special
class/ID for that).
*Step 5: Documentating the problem*
This is the easiest part! For safety: open your notepad and write down
what problem and solution you found. Save in map Tips and Tricks +
link to Bookmark/Favorites, in case over time x you 'll happen to get
the same problem, remembering that you had solved this already some
months/years ago (but how did I do that?). - But unless it is a small
thing in a complicated css, I mostly don't need opening the safety-map:
'cause it is burned in my brains. ;-)
Greetings,
francky
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] I feel like an idiot
I like the look of the updated tabs on veer.com, so I wanted to see if I could do it with CSS only (OK, I *did* use Dean Edwards IE7 scripts, hoping to avoid IE problems, since that gives me :hover support and transparent pngs)... I did fine as far as all non-IE browsers are concerned, but of course nothing works in IE, and I can't for the life of me figure out why. I feel it must be something obvious I'm overlooking. If anyone has time to take a look, I'd sure appreciate it: http://www.skydogtech.com/aveksa/nav_main.html -- If horseracing is the sport of kings, then surely bowling is a very good sport as well. -Homer Simpson __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Great Book/Tutorial to learn CSS Layout - Was: position: relative causing positioning and display problems in class
On 1/16/06, Stan Winchester [EMAIL PROTECTED] wrote: and also need a great reference book or web site. http://www.w3schools.com/css/default.asp has all the CSS 1 and 2 selectors, properties, attributes, etc and even allows you to test them online to see how they work. When I was learning and I needed a reference I was able to rely almost entirely on this. -- -- Christian Montoya christianmontoya.com ... rdpdesign.com ... cssliquid.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] 3px holly hack - not working for my needs
From: Scott Holdeman [EMAIL PROTECTED]
My demo page:
http://demo.tectonicsolutions.com/test/ie_3px_fix.html
I am wanting to float an image (block) to the left of a container then
using a large left margin position the accompanying text in what would
become a right column.
I am encountering the 3px jog bug in ie but the Holly Hack is not entirely
working for my needs because following paragraphs are not getting indented.
First, take a look at your code. Even when you create demos (especially?) you
should make sure that you are dealing with valid code. You have four instances
of two different IDs on your page. While I don't think that is causing any
problem for IE in this case, you still should change those to classes for the
purposes of reusing them on the same page.
Additionally, you have wrapped two paragraphs in a span in your last example.
Paragraphs are block elements and therefore cannot be placed within a span (an
inline element). If you change that element to a div, you will have greater
success in getting what you want.
Finally, you have competing selectors that are making it impossible for
browsers to do what you want them to do.
The following should do what you'd like, assuming you're willing to wrap your
right column content in a div.
!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN
http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd;
html xmlns=http://www.w3.org/1999/xhtml; xml:lang=en lang=en
head
title Three Pixel Gap Fix /title
meta http-equiv=content-Type content=text/html; charset=iso-8859-1 /
style type=text/css
body {
margin: 20px ;
padding: 0;
font-size: 80%;
background: #cdc;
font-family: verdana,sans-serif;
}
#wrapper { /*** This wrapper is just to make the demo the same at all screen
sizes. ***/
width: 500px;
border: 3px solid red;
margin: 0 0 50px 0;
}
#floatbox {
float: left;
width: 100px;
height: 50px;
font-size: 1.4em;
font-weight: bold;
color: #46d;
background: #6d6;
}
p {background: #dd9;}
#textbox {margin: 0 0 0 110px;}
#textbox p {
margin: 0;
border: 1px solid #fff;
}
/* \*/
* html #textbox {
height: 1%;
argin-left: 0;
}
/* */
/style
/head
body
div id=wrapper
div id=floatbox
Float
/div
div id=textbox
p
The red bordered box is a wrapper to give the demo a consistent width, and has
no effect on the various IE problems in question. It can be eliminated without
changing the jog fix. br /
This paragraph (black border) should have a 10px gap between it and the float.
There will be no
3px text jog within the paragraph where the float ends in IE/win. Take that,
M$! Buahaha!! br /
/p
p
The red bordered box is a wrapper to give the demo a consistent width, and has
no effect on the various IE problems in question. It can be eliminated without
changing the jog fix. br /
This paragraph (black border) should have a 10px gap between it and the float.
There will be no
3px text jog within the paragraph where the float ends in IE/win. Take that,
M$! Buahaha!! br /
/p
/div
/div
/body
/html
(Do note that there are spaces added in all the tags in the above example so
that my mail client doesn't render the HTML.)
I hope that helps,
~holly
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] no background / footer problems
Stuart, On Jan 16, 2006, at 6:32 PM, Stuart King wrote: I am trying to set up an index page with: header, content, c left, c right, footer Problems: background image in my content div does not appear my footer is not behaving. http://www.skingdesign.com/pina_site/index.htm When both cLeft and cRight are floated, there is nothing left in #content, so its height is 0. If I understand the look you want, removing float: left; from cLeft should get you headed in the right direction. I'm not sure I am guessing correctly about what you want because you end up with white text on a light background... very hard to read. hth -- Roger Roelofs Remember, if you’re headed in the wrong direction, God allows U-turns! ~Allison Gappa Bottke __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Website check - Is it all there?
Hi everyone, Although i've got a NetMechanic browser shot account, I just cannot get one single browser shot to display in my account, and I'd appreciate it very much if some of you guys and girls could check on two pages in particular. http://www.macrankin.co.uk/ (home Page) http://www.macrankin.co.uk/info_dex.html (sort of blog page) Btw, i never meant to have a small iframe on the second page. I had to use it to get round text length dictating issues with Internet Explorer for the Mac platform. Thanks. James Rankin __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] I feel like an idiot
Suzanne Goodwin wrote: I like the look of the updated tabs on veer.com, so I wanted to see if I could do it with CSS only (OK, I *did* use Dean Edwards IE7 scripts, hoping to avoid IE problems, since that gives me :hover support and transparent pngs)... I did fine as far as all non-IE browsers are concerned, but of course nothing works in IE, and I can't for the life of me figure out why. I feel it must be something obvious I'm overlooking. If anyone has time to take a look, I'd sure appreciate it: http://www.skydogtech.com/aveksa/nav_main.html Hi Suzanne, I've to disappoint you first: I don't know why either. But if I'm right, you don't plan to have subitems under the tabs? 1. In that case you don't need a special :hover script for IE (the items are all normal alinks, supported bij IE). 2. As far as the design is now, you don't really need png's either, I think. It can be done just with jpg's or gifs (small overlap with the next tab for the shadows), and with the same basic css as you have now. With a padding for the links you can position the clickable area just at the tabs. Then no troubles (and extra patch accessoires and extra kB's) to expect for IE. Makes live a lot easier. A similar way to use combined gif's for a liquid css tab-design you can find at this testpage http://home.tiscali.nl/developerscorner/css-discuss/paulwalker-francky.htmof some time ago. Or maybe you can take a look at the Liquid Round Cornerspages http://home.tiscali.nl/developerscorner/liquidcorners/liquidcorners.htm on my site for some inspiration. - All this is scriptless and IE-proof. And working in the others ;-). Hope you can use some of this, Greetings, francky __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Safari only bug
On Jan 16, 2006, at 2:36 PM, David Mulder wrote: URL: http://home2006.msu.edu I'm having a hard time finding any documentation on this bug. We just released a beta version of a new MSU.edu web site and are getting feedback. Does anyone know what is going on when Safari drops the left column as mentioned below? Mac Safari ONLY When the window is smaller than the content of the page, the navigation tabs are pushed slightly to the right (I know why it is doing this). The content and left column are positioned correctly, and everything appears normal. This happens in gecko browsers also. When you adjust the size of the window, the left column drops immediately. It does not matter if you are making the window smaller or larger, it just drops. Nothing else on the page changes ... Refreshing the page at the new browser window size shows the left column moving back up to its normal location. Not always. If I refresh a bunch of times it will go back and forth between 'normal' and 'dropped'. It doesn't seem to matter how wide my window is. It does seem to have something to do with triggering a recalc of page layout. When I refresh, if it only repaints the picture, it does not drop. If it invalidates and redraws the whole page then the welcome column will be dropped. Certainly, this is an issue, but is not as big as some of the feedback is making it out to be. It appears to be some sort of Safari quirk, and was replicated on multiple versions of Safari (2.0.1 and 1.3.1). The only reason it is an issue is because it overlaps the footer when it 'drops'. If it weren't for that, safari users would assume it was supposed to be that way. It sure looks like a browser bug to me. Unfortunately, it is really hard to hack for safari because it's css parser is so strict. One nitpick. I see that the document is xhtml 1.0 strict, but the mime-type is text/html. I thought only xhtml 1.0 transitional could be served with that mime type. It is a lovely site by the way. I really like it. -- Roger Roelofs Remember, if you’re headed in the wrong direction, God allows U-turns! ~Allison Gappa Bottke __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Problems with automatic div sizing
I have problems with this http://gizmo.sp-online.de/test.html under Firefox 1.07/Ubuntu and Opera 8.51/Ubuntu. The red-bordered div does not grow in size although the main and nav div are inside. So I can not put the footer div under the main_container div. It always apear under the main div. IE6/Windows displays everything as expected. Is there a way to size a div automatic depending on the size of another div inside? Thanx. -- wlanhacking.de __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Safari only bug
On Jan 16, 2006, at 2:36 PM, David Mulder wrote: URL: http://home2006.msu.edu Does anyone know what is going on when Safari drops the left column as mentioned below? Try adding a padding-bottom or margin-bottom of about 20px on the bottom navigation that is in the content area. So as long as another page doesn't have much more content in the sidebar than the index page does you'll be fine. Also, everything is sized in ems except for the header image. So when I enlarge or decrease the text size everything in the site expands or gets smaller except for the header image. You can size the header image in ems as well so it resizes too. -David __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] img tag, css and xhtml
On 15/01/06, francky [EMAIL PROTECTED] wrote: I made a testpage http://home.tiscali.nl/developerscorner/css-discuss/valid-img-styling.htmwhich validates as html and as css, even without head/head and body/body tags. The opening and closing tags for the head and body elements are optional in HTML 4.x (since they can be implied easily). The body element in HTML 4.01 Transitional can contain %flow... but there isn't any good reason to use Transitional in this day and age. In the regular HTML 4.01 DTD (Strict), body can contain %block. %flow includes img elements, %block doesn't. -- David Dorward http://dorward.me.ukhttp://blog.dorward.me.uk __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
