Re: [WSG] playing with css
Yes that is what I thought! But if I do that it makes it worse. It does not matter how many float lefts you place in to the css! see the example attached. On 20/01/10 12:08, David Laakso wrote: PurencoolGmail wrote: hi webstandards group. I have one question I can't seem to find and answer to below is all my css in a document I have created. It is xhtml transitional. My document works fine except when I add float:left; to my content div. It will not stay in the wrapper. I know that it must be a simple answer. I have tried reading the W3C on floating but got loss. I am trying to get the div to sit nicely next to menuB. Can someone explain why this is happening? =) Add float: left; to #menuB? ~d -- bJohn Cullen/b purencool.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** Logo Menu Menu Menu Menu Menu Menu Menu Menu Menu Menu Heading alakd aldkeww cncakek ccnakdkeal akkekal ekakk a kek akdmema alake lkdfrjal ladkej kaldkelal l adareasd aoosoe akkdekewne a ada;elead akekalalaldkrkala0 000 ae ndadkfjdfjekal maekd na andelk Heading 2 ajkfala nandn a e adad aeiwonv what is the isldfa adfada adfga lllald a faaala Heading 3 akdkakakdf alkaldladsl akadfaf vfnaf akakdkkdkkdkaldk kakdfjad Link Link Link Link ***List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfmUnsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfmHelp: memberh...@webstandardsgroup.org***
RE: [WSG] playing with css
I have one question I can't seem to find and answer to below is all my css in a document I have created. It is xhtml transitional. Do you have a (temporary) link so we can have a look? Cheers, Jens The information contained in this e-mail message and any accompanying files is or may be confidential. If you are not the intended recipient, any use, dissemination, reliance, forwarding, printing or copying of this e-mail or any attached files is unauthorised. This e-mail is subject to copyright. No part of it should be reproduced, adapted or communicated without the written consent of the copyright owner. If you have received this e-mail in error please advise the sender immediately by return e-mail or telephone and delete all copies. Fairfax does not guarantee the accuracy or completeness of any information contained in this e-mail or attached files. Internet communications are not secure, therefore Fairfax does not accept legal responsibility for the contents of this message or attached files. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
RE: [WSG] playing with css
I have one question I can't seem to find and answer to
below is all my css in a document I have created. It is xhtml
transitional. My document works fine except when I
add float:left; to my content div. It will not stay in the
wrapper. I know that it must be a simple answer. I have tried reading
the W3C on floating but got loss. I am trying to get the div to sit nicely
next to menuB. Can someone explain why this is happening? =)
Try:
#wrapper {overflow:hidden;}
--
Regards,
Thierry | www.tjkdesign.com
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***
Re: [WSG] playing with css
http://www.purencool.com/_webdata/downloads/templates/twoColumn/ On 20/01/10 13:20, Jens-Uwe Korff wrote: I have one question I can't seem to find and answer to below is all my css in a document I have created. It is xhtml transitional. Do you have a (temporary) link so we can have a look? Cheers, Jens The information contained in this e-mail message and any accompanying files is or may be confidential. If you are not the intended recipient, any use, dissemination, reliance, forwarding, printing or copying of this e-mail or any attached files is unauthorised. This e-mail is subject to copyright. No part of it should be reproduced, adapted or communicated without the written consent of the copyright owner. If you have received this e-mail in error please advise the sender immediately by return e-mail or telephone and delete all copies. Fairfax does not guarantee the accuracy or completeness of any information contained in this e-mail or attached files. Internet communications are not secure, therefore Fairfax does not accept legal responsibility for the contents of this message or attached files. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** -- bJohn Cullen/b purencool.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] playing with css
Wow That work but why?
On 20/01/10 13:34, Thierry Koblentz wrote:
I have one question I can't seem to find and answer to
below is all my css in a document I have created. It is xhtml
transitional. My document works fine except when I
add float:left; to my content div. It will not stay in the
wrapper. I know that it must be a simple answer. I have tried reading
the W3C on floating but got loss. I am trying to get the div to sit nicely
next to menuB. Can someone explain why this is happening? =)
Try:
#wrapper {overflow:hidden;}
--
Regards,
Thierry | www.tjkdesign.com
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***
--
bJohn Cullen/b
purencool.com
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***
Re: [WSG] playing with css
PurencoolGmail wrote:
http://www.purencool.com/_webdata/downloads/templates/twoColumn/
body {
background-color : #ccc;
color : #00;
font-family : Verdana, Geneva, Arial, sans-serif;
font-size : 0.93em;
line-height : 130%;
}
#wrapper {
width : 800px;
background-color : #ff;
margin-left : auto;
margin-right : auto;
padding : 5px;
}
#heading {
width : 100%;
}
#menuA {
border-top : 1px solid red;
border-bottom : 1px solid red;
width : 100%;
}
#menuA li {
border-top : 1px solid red;
border-bottom : 1px solid red;
display : inline;
}
#menuB {
width : 25%;
float : left;
}
#content {
width : 70%;
float : left;
}
#footer {
clear : both;
width : 100%;
}
#footer ul {
border-top : 1px solid red;
border-bottom : 1px solid red;
width : 100%;
}
#footer ul li {
display : inline;
border-top : 1px solid red;
border-bottom : 1px solid red;
width : 100%;
}
--
desktop
http://chelseacreekstudio.com/
mobile
http://chelseacreekstudio.mobi/
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***
Re: [WSG] playing with css
clear : both; that worked as well thanks On 20/01/10 14:05, David Laakso wrote: clear : both; -- bJohn Cullen/b purencool.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
RE: [WSG] playing with css
Wow That work but why? http://tjkdesign.com/articles/clearing-floats_and_block-formatting_context.a sp -- Regards, Thierry | www.tjkdesign.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] playing with css
PurencoolGmail wrote: clear : both; that worked as well thanks On 20/01/10 14:05, David Laakso wrote: clear : both; Treat the software with respect. Things will go your way. http://www.w3.org/TR/CSS21/ http://css.maxdesign.com.au/listamatic/ -- desktop http://chelseacreekstudio.com/ mobile http://chelseacreekstudio.mobi/ *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
