Css min-width problem

Discussion in 'CSS' started by bencallis, Apr 10, 2008.

0
  1. #1
    Well I have been messing around with my new design for a while and tonight I thought I had cracked it.

    http://tinyurl.com/6jfgy7

    It seems to work fine in Safari and Firefox but IE7 does not agree.

    I have set a mind width as I do not want either of the 2 menu bars to go over/under the centre content.

    Sadly IE puts the right hand bar under the content in the centre when the browser is shrunk.

    Can anyone help :) ?
     
    bencallis, Apr 10, 2008 IP
  2. Kirkbride

    Kirkbride Peon

    Messages:
    40
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Not sure I can point to the exact problem, but two things about your code might need to be addressed.

    1) Your <head> tag is left open (you need to put </head> before the <body> tag)

    2) Is there a reason you've got CSS sections sprinkled throughout the HTML? I understand using inline CSS inside HTML tags, but you've got a lot of

    <style type="text/css>
    ...
    </style>

    sections throughout the page. I think it's best to keep all that either inside the head tags or within your linked stylesheet file.
     
    Kirkbride, Apr 10, 2008 IP
  3. bencallis

    bencallis Peon

    Messages:
    370
    Likes Received:
    5
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Sorry I don't quite follow the above. When viewing the source as things are included before the css it may look different.


    So here is my CSS.

    Hopefully someone can help.
     
    bencallis, Apr 11, 2008 IP
  4. ziplock122949

    ziplock122949 Active Member

    Messages:
    159
    Likes Received:
    4
    Best Answers:
    0
    Trophy Points:
    60
    #4
    he is saying that when you view the source code of the site, there is a lot of css that is not from your stylesheet or from your <head>. We are looking for the following

    <style type="text/css">
<!--
whatever css you have
-->
</style>
    PHP:
    Here is a few lines of from your source code. You can clip all of the css code out of the body and put it in the <head> which will make it easier to manage and reduce the number of unnecessary lines of code. 

    <!--Begin Body Content -->



<style type="text/css">

/* Properties that both side columns have in common */

div.link-list {
	width:160px;
	top:210px;
	font-size:80%;
	margin-right:0;
	height: 0px;	}
	
/* Main Body*/
#main {min-width:840px}

/* Two Side columns*/
#list1 {float:left}

#list2 {float: right}

.style30 {font-family: "Comic Sans MS"; font-size: 13px; font-weight: bold; color: #957B6E; }
.style29 {font-family: "Comic Sans MS"; font-size: 12px; font-weight: bold; color: #957B6E; }
</style>


<div id="list1" class="link-list">
 <style type="text/css">
<!--
.style9 {color: #B69573}
-->
</style>
<br />
<table width="160" border="0" cellpadding="0" cellspacing="0">
    PHP:
     
    ziplock122949, May 29, 2008 IP