[css-d] responsive design

[Olivia A]

Hello everyone,

I'm sending this message because I am stuck and don't know how to solve
this problem.

i'm new to media queries and wanted to try them out.everything work fine
for mobile and tablet version.

But for the web page layout by default, (with no media query applied) ,
when i resize down the pages a propos.php and enregistrement.php; the
two containers (below the long picture ) which are floated elements don't
float as it should, but instead there is one container falling down
underneath the other one.This only occur when i resize down the browser.


2/when I don't resize the pages , the two containers float but the sum of
their width is not equal to the pic above them which is a 100% width. So
there is a gap .

Please could you help me sort this out:


http://urbanstyle.bugs3.com/about.php
http://urbanstyle.bugs3.com/enregistrement.php


.container1

{
float:left;
background-color: #ff;
border-radius: 10px;

color:#00;
margin-top:5px;
text-align: justify;
padding: 10px;
 }


.container2

{
 float:left;
background-color: #ff;
border-radius: 10px;
color:#00;
margin-top:5px;
text-align: justify;
padding: 10px;
line-height:1.8em;
padding-top:50px;
padding-bottom:50px;
font-size:1.5em;
 }
__
css-discuss [css-d@lists.css-discuss.org]
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] a:link behaviors

[olivia antonin]

Hi ,
 
I don't understand, my navigation bar, on my mac they behave as I want, so that 
the font size remain the same , as well as when visited.
 
a:link, a:visited{
font: 13px  Myriad pro, Lucida Grande, Calibri, sans-serif;
color:#686868;
text-decoration: none;
}
 
 But when I test on my pc, when you click on one of the a:link, say home for 
example, the font size is getting bigger and also the font family.What shall I 
do in order for the a link in my navbar to have the same behavior, either 
visited or not visited in a pc environment.
 
you can check at http://www.expressionofmind.com/
 
thanks I really need some help.   
__
css-discuss [css-d@lists.css-discuss.org]
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] help for rendering pages correctly on differents browsers

[olivia antonin]

Hi there
I have a real problem with my web pages, basically They don't render the same 
in Safari and firefox. The padding-bottom of the div information in the home 
page doesn't render the same in firefox as in Safari, and the same problem 
occur for the about us page too: the padding bottom of the div bonus has a 
white space.  What do you think may be the issue. Please help me...I'm pretty 
new in using CSS and need some help.

here are the link for the home page: 
http://www.expressionofmind.com/home.htmlabout us page: 
http://www.expressionofmind.com/about.htmland the link for the css files: 
http://www.expressionofmind.com/css.html
  
__
css-discuss [cs...@lists.css-discuss.org]
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/