[css-d] Two Columns layout
Hello everybody, I have a CSS site, #leftDiv and #rightDiv #leftDiv contains the menu and a flash banner, the #rightDiv contains the data. I want to color the #leftDiv to be at the same height with the #rightDiv , I colored it using bgcolor but it apply it to the end of the content and I can't apply a fixed height for #leftDiv because the #rightDiv data's changed according to each page. I thought to use table tag, but I don't feel it's the most suitable for me ... I kept is as last resort . Thanks in advanced, Ibrahim __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE7 Explosions
Blake wrote:
http://blakehaswell.com/others/pts/
I have a number of problems in IE7, I can't imagine what it's like in
IE6 but I do need it to play nice in IE6 too.
IE/win needs Layout...
#container {height: 1%;}
IE/win can't stack absolute positioned elements properly, so A:P is no
good on its own. Removed float works...
#branding {position: static; float: left; margin: 24px -1000px -1000px 0;}
Float the list-items, not the links...
#site-info ul li {float: left;}
IE6 and IE7 are near identical.
BTW: Document breaks easily when subjected to font-resizing - in all
browsers.
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/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE7 Explosions
Blake wrote:
Hi List,
I have a number of problems in IE7, I can't imagine what it's like in
IE6 but I do need it to play nice in IE6 too.
So at the moment the #branding DIV is not showing up on IE7, the
vertical spacing on the nav is out-of-whack, and the links in the
#site-info DIV are not lining up properly.
In Firefox it looks perfect.
http://blakehaswell.com/others/pts/
Thanks in advance,
Blake
Hi Blake
The branding div is hidden under the floated #nav div and unfloating that
reveals the branding div. The vertical spacing is out of whack because you have
given a height in pixels for the #nav div. There just isn't enough room for the
menu to fit so it slightly creeps under the banner image. Your page in IE6 is a
classic test for the IE bug files and demonstrate what happens when you used
relative positioning on a div without layout. Please see the screenshot [1].
This is simply fixed by
* html #container { height:1% } /* IE6 hasLayout trigger */
Also seen in the screenshot is your use of mouse type. This is what I see on my
1280x800 laptop. Seeing that your page is designed for IE which allows text
size freezing, all chaos breaks loose in other browsers when I either set a
minimum font size or resize the text. Who indeed are you expecting to read that
text? Hopefully not the mice.
I have prepared a rework [2] which now show consistently in IE6, IE7, FF and
Opera. I have even made it work in IE5.5 by removing the overflow property on
the #container div, since that just simply had vanished in that browser. Also
gone is most of the absolute positioning and the #nav div is now floated right.
Now the elements themselves create the backbone of the page layout.
Even with my rework, I see that the elements in the #content-container div are
very boxed in and doesn't allow for any text resizing before breakout happens.
A rethink of the layout in the #content-container div is needed. I do recommend
that use have multiple instores of IE for testing [3] as this will make it much
easier for you (Thank you DL for prodding me). The CSS is now embedded in the
header of the source. Please note what I have remarked *** out. Good
Luck.
[1] http://css-class.com/x/pts/pts/ie6ss.png
[2] http://css-class.com/x/pts/pts3.htm
[3] http://tredosoft.com/Multiple_IE
Kind Regards, Alan
http://css-class.com/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Two Columns layout
Ibrahim Y wrote: I want to color the #leftDiv to be at the same height with the #rightDiv , I colored it using bgcolor but it apply it to the end of the content and I can't apply a fixed height for #leftDiv because the #rightDiv data's changed according to each page. Four alternative solutions linked in at the top of this article... http://www.gunlaug.no/contents/wd_additions_22.html ...and the fifth is described in the article itself. The page uses a sixth method, but I haven't described it anywhere :-) 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/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Changing Width
No, that did nothing, unfortunately. Here's the original post for others
reading this...
I'm trying to incorporate a drop-down menu that relies on CSS but was not
designed for using images. I need to alter the width for each li elt. in
order to get it to accommodate different sized images. Here is my code for li
elts globally:
#TJK_dropDownMenu li {
?cursor:pointer;
?float:left;
?width:20.23em;?
?max-width:25.0%;
?text-align:center;
?list-style-type:none;
?font-weight:bold;
}
Here is code for displaying a given elt:
li id=ABa href=whateverimg src=whatever/a/li
Now, I'd like to write code specific to that id AB that changes the width and
max-width elts. Easy if you know what you're doing, but I clearly don't :(
.AB li {
?width:2.23em;?
?max-width:2.5%;
}
does not work. I've fumbled around with a few variants with no success. A
pointer, please!
TIA,
Tony
-Original Message-
From: Gabriel Palacios [EMAIL PROTECTED]
To: css-d@lists.css-discuss.org
Sent: Fri, 5 Oct 2007 3:41 am
Subject: Re: [css-d] Changing Width
i would try {
#AB a {
display:block;
width:..;
max-width:..;
}
btw didnt knew about the max-width property, thanks :D
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Email and AIM finally together. You've gotta check out free AOL Mail! -
http://mail.aol.com
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Two Columns layout
Ibrahim, Background images hold the key to one possible solution: http://www.alistapart.com/articles/fauxcolumns/ Ben On 10/8/07, Ibrahim Y [EMAIL PROTECTED] wrote: Hello everybody, I have a CSS site, #leftDiv and #rightDiv #leftDiv contains the menu and a flash banner, the #rightDiv contains the data. I want to color the #leftDiv to be at the same height with the #rightDiv , I colored it using bgcolor but it apply it to the end of the content and I can't apply a fixed height for #leftDiv because the #rightDiv data's changed according to each page. I thought to use table tag, but I don't feel it's the most suitable for me ... I kept is as last resort . Thanks in advanced, Ibrahim __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ -- Ben Clarke www.benclarke.biz http://benclarke.biz/blog/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Which unit should I use to see my forms in handheld devices ?
Hi all :-) I've developed some multicolumn forms using css for a roaming application. Some users will be outside of the company with handheld devices with some sort of Internet Explorer. I've already tried to see those forms in these pocket browsers but they don't really render well because I'm using pixels for the components's width. I would like to know if someone already faced a challenge like that when you have one page that must be rendered in different kinds of screens I was thinking that an approach that involves .xml files and xslt would be a solution but I don't have experience with both :-( nor I know If this would really be a solution ... Could someone provide me some clues Below a snippet of the multicolumn form.: div style=padding-bottom: 10px; fieldset legendDetalhes do usuário e recurso/legend div style=float:left; width:205px; margin-left: 5px; margin-right: 5px; divlabel for=ProtocoloDepartamento/label /div div input type=text maxlength=16 size=24 style=width:100% name=status id=Text5 / /div /div div style=float:left; width:205px; margin-left: 5px; margin-right: 5px; div label for=statusNome do usuário/label /div div input type=text maxlength=16 size=24 style=width:100% name=status id=Text5 / /div /div div style=float:left; width:200px; margin-left: 5px; margin-right: 5px; div label for=statusNúmero de contato/label /div div input type=text maxlength=16 size=24 style=width:100% name=status id=Text5 / /div /div div style=float:left; width:205px; margin-left: 5px; margin-right: 5px; div label for=statusRecurso/label /div div asp:DropDownList ID=DropDownList8 runat=server Width=100% asp:ListItemImpressora HP DeskJet 580C/asp:ListItem /asp:DropDownList /div /div div style=float:left; width:200px; margin-left: 5px; margin-right: 5px; div label for=statusCriticidade/label /div div input type=text maxlength=16 size=24 style=width:100% name=status id=Text1 / /div /div div style=float:left; width:200px; margin-left: 5px; margin-right: 5px; div label for=statusFornecedor/label /div div input type=text maxlength=16 size=24 style=width:100% name=status id=Text6 / /div /div /fieldset /div Thank you very very much !! -- Marcos H. W. Softing Systems Systems Analyst /** * @see https://jaxb2-commons.dev.java.net */ /** * ...Use the Force ...;-) */ * * @see http://www.gentoo.org/ */ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Left and right column auto width adjustment
Hi Guys, I wanted to create a 3 column layout. of course, a left, center and right column... I wanted the Center column to be at exactly 700 pixels in width and the other left and right would be automatically adjusted depending on the resolution... so if my resolution is 1024x768 my left and right column would be 162 pixels each... but if my resolution is 1280 x 1024, my left and right column would be 290 pixels each... I made this possible but I was using a javascript to get width of a client's resolution.. Can this be done using CSS alone? Thanks so much for your help. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Opera for Windows Mobile: How to change page size?
Hi! I'm developing a frontend web app designed for a 320x240 pda running Opera for windows mobile. Now, the developing is going very well, except the Opera forced page width of 800px while in desktop display mode??? I have found no way to force it back to the native 320px, no options or css or html. I always get the horizontal scrollbar which is using valuable screen estate and ruins the usability of grab and scroll. On the other hand Opera handles css quite nicely, which is even more annoying as this is a show-stopping feature for me. Please answer ASAP if you can help! TIA! __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] CSS to eliminate dotted borders on hyperlink clicks
Bruce Gilbert wrote: I remember reading somewhere about CSS you can add, so that links won't get the dotted border around them when you click on the links , but I cannot remember what it is. Can anyone refresh my memory? This may be just a Firefox thing. The dotted outline is there to show which link has keyboard focus. If you take it off, you might need to replace it with some other visual cue using the :focus selector. Try tabbing through your page to make sure you can navigate it with the keyboard. ~fantasai __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] CSS to eliminate dotted borders on hyperlink clicks
a
{
outline: none;
}
http://sonspring.com/journal/removing-dotted-links
I hope it helps
Thanks
Hakan
http://primoris.com
On 10/6/07, Bruce Gilbert [EMAIL PROTECTED] wrote:
I remember reading somewhere about CSS you can add, so that links
won't get the dotted border around them when you click on the links ,
but I cannot remember what it is. Can anyone refresh my memory? This
may be just a Firefox thing.
--
::Bruce::
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
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/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Changing Width
[EMAIL PROTECTED] wrote:
li id=ABa href=whateverimg src=whatever/a/li
Now, I'd like to write code specific to that id AB that changes the
width and max-width elts. Easy if you know what you're doing, but I
clearly don't :(
Can't see what you're doing without a live example / page.
It may be a case of specificity[1], or that you are tearing the ID lose
from its element and addressing it wrongly, in the stylesheet.
Your example...
.AB li {
...won't work because there's no li inside AB - AB _is_ the specific li.
You're also using an ID in the source-code and a class in CSS, and that
won't target anything.
The following...
#TJK_dropDownMenu li#AB {
?width:2.23em;?
?max-width:2.5%;
}
...will target the li with an ID=AB, and nothing else. It also has
high enough specificity to override the general styling for
#TJK_dropDownMenu li.
regards
Georg
[1]http://www.w3.org/TR/CSS21/cascade.html#specificity
--
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/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Changing Width
That worked! Thanks!!
Tony
-Original Message-
From: Gunlaug Sørtun [EMAIL PROTECTED]
To: [EMAIL PROTECTED]
Cc: css-d@lists.css-discuss.org
Sent: Mon, 8 Oct 2007 1:03 pm
Subject: Re: [css-d] Changing Width
[EMAIL PROTECTED] wrote:
li id=ABa href=whateverimg src=whatever/a/li
Now, I'd like to write code specific to that id AB that changes the
width and max-width elts. Easy if you know what you're doing, but I
clearly don't :(
Can't see what you're doing without a live example / page.
It may be a case of specificity[1], or that you are tearing the ID lose
rom its element and addressing it wrongly, in the stylesheet.
Your example...
.AB li {
...won't work because there's no li inside AB - AB _is_ the specific li.
ou're also using an ID in the source-code and a class in CSS, and that
on't target anything.
The following...
#TJK_dropDownMenu li#AB {
width:2.23em;?
max-width:2.5%;
...will target the li with an ID=AB, and nothing else. It also has
igh enough specificity to override the general styling for
TJK_dropDownMenu li.
regards
Georg
[1]http://www.w3.org/TR/CSS21/cascade.html#specificity
-
ttp://www.gunlaug.no
_
ss-discuss [EMAIL PROTECTED]
ttp://www.css-discuss.org/mailman/listinfo/css-d
ist wiki/FAQ -- http://css-discuss.incutio.com/
ist policies -- http://css-discuss.org/policies.html
upported by evolt.org -- http://www.evolt.org/help_support_evolt/
Email and AIM finally together. You've gotta check out free AOL Mail! -
http://mail.aol.com
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Two Columns layout
Ibrahim, Your best bet is to use a repeating background image on whatever container holds the leftDiv and rightDiv sections. Say that #container holds the divs, the rightDiv is 200px wide and you want the background color to be red. Just make a 200px wide red image, set it as the background image for container and position it accordingly. There is a nice article at: http://www.alistapart.com/articles/fauxcolumns/ Take care, Tim Kadlec Message: 21 Date: Mon, 8 Oct 2007 14:18:51 +0200 From: Ibrahim Y [EMAIL PROTECTED] Subject: [css-d] Two Columns layout To: css-d@lists.css-discuss.org Message-ID: [EMAIL PROTECTED] Content-Type: text/plain; charset=ISO-8859-1 Hello everybody, I have a CSS site, #leftDiv and #rightDiv #leftDiv contains the menu and a flash banner, the #rightDiv contains the data. I want to color the #leftDiv to be at the same height with the #rightDiv , I colored it using bgcolor but it apply it to the end of the content and I can't apply a fixed height for #leftDiv because the #rightDiv data's changed according to each page. I thought to use table tag, but I don't feel it's the most suitable for me ... I kept is as last resort . Thanks in advanced, Ibrahim _ Boo! Scare away worms, viruses and so much more! Try Windows Live OneCare! http://onecare.live.com/standard/en-us/purchase/trial.aspx?s_cid=wl_hotmailnews __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Why won't these two style of code work the same way?
Rick Faircloth wrote:
.was mostly the same for each class and tried to create a class plus id to
shorten the CSS required.
So, I created this class.
.cal_heading { padding-top: 2px; padding-bottom: 3px; border-top: 1px solid
black; border-left: 1px solid #aaa; background: black; color: white;
font-size:
11px; font-weight: bold; text-align: center; }
.and combined it with this id style.
.cal_heading #day { width: 35px; border-left: 1px solid black; }
If your code looks like this
th class=cal_heading id=day
then you want
.cal_heading#day
instead of
.cal_heading #day
(The space indicates that #day is a descendant of .cal_heading.)
~fantasai
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Why won't these two style of code work the same way?
That was it! Thanks, fantasia!
Rick
-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of fantasai
Sent: Monday, October 08, 2007 6:12 PM
To: Rick Faircloth
Cc: 'CSS-D'
Subject: Re: [css-d] Why won't these two style of code work the same way?
Rick Faircloth wrote:
.was mostly the same for each class and tried to create a class plus id to
shorten the CSS required.
So, I created this class.
.cal_heading { padding-top: 2px; padding-bottom: 3px; border-top: 1px
solid
black; border-left: 1px solid #aaa; background: black; color: white;
font-size:
11px; font-weight: bold; text-align: center; }
.and combined it with this id style.
.cal_heading #day { width: 35px; border-left: 1px solid black; }
If your code looks like this
th class=cal_heading id=day
then you want
.cal_heading#day
instead of
.cal_heading #day
(The space indicates that #day is a descendant of .cal_heading.)
~fantasai
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
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/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] width problem cross browser - repost
Good evening list, It seems i have a width problem cross browser: resizing the viewport gets following effects: [1] #masthead disappears while #masthead div and #masthead h1 keeps being visible in opera, FF, moz, IE6 7. Desired effect: #masthead needs to be kept visible. [2] only IE6: #contentright drops below #contentleft (upon resizing to small resolution). Opera, Moz, FF, IE7 do not drop the #contentright. It seems a width problem because contentleft ends where #masthead div ends. I've tried changing widths, adding widths... even messing with hasLayout but no success. Tried the list archives but didn't encounter a solution. Is this something that has nothing to do with width? http://www.dzinelabs.com/sandbox/madcow/madcow.html css embedded. -- Best regards, Luc Powered by The Bat! version 3.99.24 with Windows XP (build 2600), version 5.1 Service Pack 2 and using the best browser: Opera. If the creator had a purpose in equipping us with a neck, he surely meant us to stick it out Arthur Koestler. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] CSS to eliminate dotted borders on hyperlink clicks
I remember reading somewhere about CSS you can add, so that links won't get the dotted border around them when you click on the links , but I cannot remember what it is. Can anyone refresh my memory? This may be just a Firefox thing. -- ::Bruce:: That dotted outline is there for accessibility. If the visitor navigates the page using the keyboard the dotted outline tells them the link (image) is active (selected). Removing the outline, IMO, is a bad idea. Form really should follow function, again IMO. Walt __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ NOD32 2486 (20070827) Information __ This message was checked by NOD32 antivirus system. http://www.eset.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] width problem cross browser - repost
Luc wrote: Good evening list, It seems i have a width problem cross browser: resizing the viewport gets following effects: [1] #masthead disappears while #masthead div and #masthead h1 keeps being visible in opera, FF, moz, IE6 7. Desired effect: #masthead needs to be kept visible. [2] only IE6: #contentright drops below #contentleft (upon resizing to small resolution). Opera, Moz, FF, IE7 do not drop the #contentright. It seems a width problem because contentleft ends where #masthead div ends. I've tried changing widths, adding widths... even messing with hasLayout but no success. Tried the list archives but didn't encounter a solution. Is this something that has nothing to do with width? http://www.dzinelabs.com/sandbox/madcow/madcow.html css embedded. It seems I don't really get what you're after but I am crazy nuts about that mad cow and hope at least in a small way this may help : http://www.chelseacreekstudio.com/ca/cssd/madcow.html Best, ~dL -- http://chelseacreekstudio.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Unable to position container
I have been working on my website since spring. http://www.roughandreadydesigns.com/test_site/talitha/index.html http://www.roughandreadydesigns.com/test_site/talitha/main.css Everything was positioned properly until I checked it in IE. I use Firefox as my main browser. The right column (spotlight_container div) was positioned at the bottom right of the page when it should be near the top right. I have messed around with this so much that I couldn't begin to tell anyone what I have all done. With a relative position, the right column stayed at the bottom right. With an absolute position, I was able to get it placed in the proper spot at the top right. When the column was relatively positioned, it would move up or down whenever I added or removed content in the middle column, the main_content div. I also want the copyright div to stay at the bottom as a footer, but that also moves when adding or removing content to the main_content div. The site looks just as I want it in Firefox and Mozilla. Netscape and IE are way out of position. I have no idea how to fix this. I am at wits end. I am not extremely knowledgeable with CSS, just enough to barely attain what I want. My brain feels like a hunk of cement. I have no idea how to fix this problem. Could someone please help me out? How can I fix this so it looks right in IE and Netscape as it does in FF and Moz? I have no idea how it looks on a Mac. I don't have access to one. Thanks, thanks, thanks in advance to anyone willing to help. marlene _ Free Car Warranty Quotes Act Now For A 30 Day Free Extended Car Warranty Trial amp; Save Up To 60% http://thirdpartyoffers.netzero.net/TGL2211/fc/JKFkuJO6XwK7mMQeItIYlUnVTfQVD2G9JQJjY46kOWmNzc8lClsGgF/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] width problem cross browser - repost
Hello David, It was foretold that on 9/10/2007 @ 23:31:24 GMT-0400 (which was 00:31:24 where I live) David Laakso would write: snipped a bit It seems I don't really get what you're after but I am crazy nuts about that mad cow and hope at least in a small way this may help : yeah, that cow makes me nuts also but alas, still the same problem with the image. Here's the link to how it looks in IE when resized to a small resolution: http://www.dzinelabs.com/sandbox/madcow/cow.png Btw, the fact that in your example the h1 also moves to the left is because of the removing of my position:absolute, isn't it? -- Best regards, Luc _ Powered by The Bat! version 3.99.24 with Windows XP (build 2600), version 5.1 Service Pack 2 and using the best browser: Opera. I'm a lifelong Anglophile. England is still the only place I know where any young man can grow up to be the Queen. - Alan Alda as Capt. 'Hawkeye' Pierce in M.A.S.H. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
