19 replies [Last post]
pjk
Offline
newbie
Last seen: 13 years 18 weeks ago
Joined: 2008-06-11
Posts: 9
Points: 0

12

drychan
drychan's picture
Offline
Enthusiast
India
Last seen: 11 years 13 weeks ago
India
Timezone: GMT+5.5
Joined: 2008-06-10
Posts: 52
Points: 2

div with

if u give me full code or where ur page runing then i can give u exact solution
or otherwise reduce ur div with in .blog class it may work for u.....

pjk
Offline
newbie
Last seen: 13 years 18 weeks ago
Joined: 2008-06-11
Posts: 9
Points: 0

Which full code? I posted

Which full code? I posted my HTML and CSS files above.

drychan
drychan's picture
Offline
Enthusiast
India
Last seen: 11 years 13 weeks ago
India
Timezone: GMT+5.5
Joined: 2008-06-10
Posts: 52
Points: 2

try it..working

hi
i am not understanding whats the porblem

but i have made it there is inline css have look and plz run this html

<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>contentcontentcontentcontent</title>
<link href="stylesheet.css" rel="stylesheet" type="text/css" />
<body class="page_bg">
<div align="center">
  <div id="main_outline">
    <div id="pathway_outline">
      <div id="pathway"> <span class="pathway">Home </span> </div>
      <div id="buttons">
        <ul id="mainlevel-nav">
          <li><a href="http://www.domain.com/home-2" class="mainlevel-nav" >Home</a></li>
          <li><a href="http://www.domain.com/about-domain.com" class="mainlevel-nav" >About</a></li>
          <li><a href="http://www.domain.com/contact" class="mainlevel-nav" >Contact</a></li>
        </ul>
      </div>
    </div>
    <div id="search">
      <form action="index.php?option=com_search&amp;Itemid=5" method="get">
        <div class="search">
          <input name="searchword" id="mod_search_searchword" maxlength="20" alt="search" class="inputbox" type="text" size="20" value="search..."  onblur="if(this.value=='') this.value='search...';" onfocus="if(this.value=='search...') this.value='';" />
        </div>
        <input type="hidden" name="option" value="com_search" />
        <input type="hidden" name="Itemid" value="5" />
      </form>
    </div>
    <div class="clr"></div>
    <div id="header_area">
      <div id="header"></div>
    </div>
 
	<div style="width:170px; float:left; border:1px solid #666666;">
	 it woking or</div>
	<div style="width:465px; float:left; border:1px solid #666666; margin:0px 5px 0px 5px;">
	  <div style="margin:5px;" align="justify">IDS Logic Pvt. Ltd is a leading innovative IT Solutions provider based in Noida, a technology township in NCR(National Capital Region, New Delhi),India. IDS Logic operates from its state-of-the-art offshore development centre located in Noida (India) and with sales and support partner offices in UK and USA.<br />
        <br />
        IDS Logic offers a complete spectrum of services in Web based solutions and Internet based consultancy services. Our competencies also lie in setting up dedicated offshore software development teams for outsourced product development, e-business application development, quality assurance and maintenance of applications.<br />
        <br />
        We have strong expertise in Microsoft and open source (LAMP) technologies. Our team is highly professional and competent. We also compliment our technology offerings with strong graphics / GUI design capabilities, QA / QC teams and strong project management capabilities.<br />
        <br />
        Our track record has been impressive and our corporate image among our customers is &ldquo;We Deliver what We Promise&rdquo;. We work not only to deliver but also to exceed your expectations and that is what make IDS Logic a fast growing, efficient provider of Offshore IT Services and a dependable IT solutions provider for you. </div>
	</div>
	<div style="width:150px; float:left; border:1px solid #666666;">
	  <div style="margin:5px;" align="justify">IDS Logic Pvt. Ltd is a leading innovative IT Solutions provider based in Noida, a technology township in NCR(National Capital Region, New Delhi),India. IDS Logic operates from its state-of-the-art offshore development centre located in Noida (India) and with sales and support partner offices in UK and USA.<br />
        <br />
        IDS Logic offers a complete spectrum of services in Web based solutions and Internet based consultancy services. Our competencies also lie in setting up dedicated offshore software development teams for outsourced product development, e-business application development, quality assurance and maintenance of applications.<br />
        <br />
        We have strong expertise in Microsoft and open source (LAMP) technologies. Our team is highly professional and competent. We also compliment our technology offerings with strong graphics / GUI design capabilities, QA / QC teams and strong project management capabilities.<br />
        <br />
        Our track record has been impressive and our corporate image among our customers is &ldquo;We Deliver what We Promise&rdquo;. We work not only to deliver but also to exceed your expectations and that is what make IDS Logic a fast growing, efficient provider of Offshore IT Services and a dependable IT solutions provider for you. </div>
	</div>
    <div class="clr"></div>
  </div>
  <div class="dd"> <a href="/">Home</a> | <a href="/contact-us-3">Contact</a> | <a href="/about-domain.com">About</a> | <a href="/link-to-us">Link to us</a> | <a href="/search">Search </a> | <a href="/disclaimer">Disclaimer</a> | <a href="/privacy-statement">Privacy Statement</a><br />
    <a href="http://www.copyright.gov/circs/circ1.html" TARGET="_blank">Copyright </a>&copy; 2008 <a href="http://www.domain.com">domain.com </a><br>
  </div>
</div>
</body>
</html>
<!-- 1212963814 -->

Ed Seedhouse
Ed Seedhouse's picture
Offline
Guru
Victoria British Columbia
Last seen: 40 weeks 6 days ago
Victoria British Columbia
Timezone: GMT-8
Joined: 2005-12-14
Posts: 3570
Points: 675

To start with: <div

To start with, your very first line above puts IE into "quirks" mode where it doesn't even try to follow standards.

You can't have anything, even a comment, before your doctype declaration,

Ed Seedhouse

Posting Guidelines

Watch out! I am carrying irony, sarcasm and satire, and know how to use them.

pjk
Offline
newbie
Last seen: 13 years 18 weeks ago
Joined: 2008-06-11
Posts: 9
Points: 0

I'm not understanding what

I'm not understanding what you want me to do.

pjk
Offline
newbie
Last seen: 13 years 18 weeks ago
Joined: 2008-06-11
Posts: 9
Points: 0

Ed Seedhouse wrote:To start

Ed Seedhouse wrote:

To start with, your very first line above puts IE into "quirks" mode where it doesn't even try to follow standards.

You can't have anything, even a comment, before your doctype declaration,

How do I go about fixing this? Thanks

Ed Seedhouse
Ed Seedhouse's picture
Offline
Guru
Victoria British Columbia
Last seen: 40 weeks 6 days ago
Victoria British Columbia
Timezone: GMT-8
Joined: 2005-12-14
Posts: 3570
Points: 675

Take out everything before

Take out everything before the doctype declaration.

Ed Seedhouse

Posting Guidelines

Watch out! I am carrying irony, sarcasm and satire, and know how to use them.

pjk
Offline
newbie
Last seen: 13 years 18 weeks ago
Joined: 2008-06-11
Posts: 9
Points: 0

So just this line? <?xml

So just this line? <?xml version="1.0" encoding="iso-8859-1"?>

Ed Seedhouse
Ed Seedhouse's picture
Offline
Guru
Victoria British Columbia
Last seen: 40 weeks 6 days ago
Victoria British Columbia
Timezone: GMT-8
Joined: 2005-12-14
Posts: 3570
Points: 675

Right, and anythig else,

Right, and anything else before the doctype, including a BOM.

Ed Seedhouse

Posting Guidelines

Watch out! I am carrying irony, sarcasm and satire, and know how to use them.

pjk
Offline
newbie
Last seen: 13 years 18 weeks ago
Joined: 2008-06-11
Posts: 9
Points: 0

As I pasted the HTML above,

As I pasted the HTML above, this is the only only before the doctype:
<?xml version="1.0" encoding="iso-8859-1"?>

What is BOM?

And how will this affect my CSS? Thanks

Ed Seedhouse
Ed Seedhouse's picture
Offline
Guru
Victoria British Columbia
Last seen: 40 weeks 6 days ago
Victoria British Columbia
Timezone: GMT-8
Joined: 2005-12-14
Posts: 3570
Points: 675

A BOM is a byte order mark

A BOM is a byte order mark caused by some editors which create files in the utf-8 character sets.

I said remove everthing before the doctype declaration and I'm having trouble understanding why that would be so hard for you to understand.

Ed Seedhouse

Posting Guidelines

Watch out! I am carrying irony, sarcasm and satire, and know how to use them.

pjk
Offline
newbie
Last seen: 13 years 18 weeks ago
Joined: 2008-06-11
Posts: 9
Points: 0

Okay, here is the first part

Okay, here is the first part of my HTML:
<?xml version="1.0" encoding="iso-8859-1"?>

I removed the bold. When I told you that I removed it, you said "that and everything else before doctype". Since there is nothing else, perhaps I was looking in the wrong place.

However, I have done this now, and it had no impact on the problem I am having.

Ed Seedhouse
Ed Seedhouse's picture
Offline
Guru
Victoria British Columbia
Last seen: 40 weeks 6 days ago
Victoria British Columbia
Timezone: GMT-8
Joined: 2005-12-14
Posts: 3570
Points: 675

Whether it fixed your

Whether it fixed your problem or not, that bit of code puts IE into "quirks" mode where it pretends it is IE5 and does borders padding amd margins wrong.

Have you validated your html and CSS?

Ed Seedhouse

Posting Guidelines

Watch out! I am carrying irony, sarcasm and satire, and know how to use them.

pjk
Offline
newbie
Last seen: 13 years 18 weeks ago
Joined: 2008-06-11
Posts: 9
Points: 0

Where do I do that at?

Where do I do that at?

Ed Seedhouse
Ed Seedhouse's picture
Offline
Guru
Victoria British Columbia
Last seen: 40 weeks 6 days ago
Victoria British Columbia
Timezone: GMT-8
Joined: 2005-12-14
Posts: 3570
Points: 675

http://validator.w3.org/ You

http://validator.w3.org/

You can also get extensions for Firefox that make validation easy and quick.

The fact that you don't understand validation indicates you really need to start at the beginning, and I can recommend a read through the "How To" forum on this site followed by a read of the recommended links already on the site.

Ed Seedhouse

Posting Guidelines

Watch out! I am carrying irony, sarcasm and satire, and know how to use them.

David Laakso
David Laakso's picture
Offline
Enthusiast
US
Last seen: 13 years 14 weeks ago
US
Joined: 2008-07-18
Posts: 265
Points: 0

I must be missing something.

I must be missing something.

1/ What is the question, problem, or issue?
What operating system (s)/browser (Drunk do you experience whatever it is that is problematic?
2/ Is this the markup in question?

<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>contentcontentcontentcontent</title>
<link href="stylesheet.css" rel="stylesheet" type="text/css" />
<body class="page_bg">
<div align="center">
  <div id="main_outline">
    <div id="pathway_outline">
      <div id="pathway"> <span class="pathway">Home </span> </div>
      <div id="buttons">
        <ul id="mainlevel-nav">
          <li><a href="http://www.domain.com/home-2" class="mainlevel-nav" >Home</a></li>
          <li><a href="http://www.domain.com/about-domain.com" class="mainlevel-nav" >About</a></li>
          <li><a href="http://www.domain.com/contact" class="mainlevel-nav" >Contact</a></li>
        </ul>
      </div>
    </div>
    <div id="search">
      <form action="index.php?option=com_search&amp;Itemid=5" method="get">
        <div class="search">
          <input name="searchword" id="mod_search_searchword" maxlength="20" alt="search" class="inputbox" type="text" size="20" value="search..."  onblur="if(this.value=='') this.value='search...';" onfocus="if(this.value=='search...') this.value='';" />
        </div>
        <input type="hidden" name="option" value="com_search" />
        <input type="hidden" name="Itemid" value="5" />
      </form>
    </div>
    <div class="clr"></div>
    <div id="header_area">
      <div id="header"></div>
    </div>
 
	<div style="width:170px; float:left; border:1px solid #666666;">
	 it woking or</div>
	<div style="width:465px; float:left; border:1px solid #666666; margin:0px 5px 0px 5px;">
	  <div style="margin:5px;" align="justify">IDS Logic Pvt. Ltd is a leading innovative IT Solutions provider based in Noida, a technology township in NCR(National Capital Region, New Delhi),India. IDS Logic operates from its state-of-the-art offshore development centre located in Noida (India) and with sales and support partner offices in UK and USA.<br />
        <br />
        IDS Logic offers a complete spectrum of services in Web based solutions and Internet based consultancy services. Our competencies also lie in setting up dedicated offshore software development teams for outsourced product development, e-business application development, quality assurance and maintenance of applications.<br />
        <br />
        We have strong expertise in Microsoft and open source (LAMP) technologies. Our team is highly professional and competent. We also compliment our technology offerings with strong graphics / GUI design capabilities, QA / QC teams and strong project management capabilities.<br />
        <br />
        Our track record has been impressive and our corporate image among our customers is &ldquo;We Deliver what We Promise&rdquo;. We work not only to deliver but also to exceed your expectations and that is what make IDS Logic a fast growing, efficient provider of Offshore IT Services and a dependable IT solutions provider for you. </div>
	</div>
	<div style="width:150px; float:left; border:1px solid #666666;">
	  <div style="margin:5px;" align="justify">IDS Logic Pvt. Ltd is a leading innovative IT Solutions provider based in Noida, a technology township in NCR(National Capital Region, New Delhi),India. IDS Logic operates from its state-of-the-art offshore development centre located in Noida (India) and with sales and support partner offices in UK and USA.<br />
        <br />
        IDS Logic offers a complete spectrum of services in Web based solutions and Internet based consultancy services. Our competencies also lie in setting up dedicated offshore software development teams for outsourced product development, e-business application development, quality assurance and maintenance of applications.<br />
        <br />
        We have strong expertise in Microsoft and open source (LAMP) technologies. Our team is highly professional and competent. We also compliment our technology offerings with strong graphics / GUI design capabilities, QA / QC teams and strong project management capabilities.<br />
        <br />
        Our track record has been impressive and our corporate image among our customers is &ldquo;We Deliver what We Promise&rdquo;. We work not only to deliver but also to exceed your expectations and that is what make IDS Logic a fast growing, efficient provider of Offshore IT Services and a dependable IT solutions provider for you. </div>
	</div>
    <div class="clr"></div>
  </div>
  <div class="dd"> <a href="/">Home</a> | <a href="/contact-us-3">Contact</a> | <a href="/about-domain.com">About</a> | <a href="/link-to-us">Link to us</a> | <a href="/search">Search </a> | <a href="/disclaimer">Disclaimer</a> | <a href="/privacy-statement">Privacy Statement</a><br />
    <a href="http://www.copyright.gov/circs/circ1.html" TARGET="_blank">Copyright </a>&copy; 2008 <a href="http://www.domain.com">domain.com </a><br>
  </div>
</div>
</body>
</html>
<!-- 1212963814 -->

3/ If the above is the markup in question-- please provide the CSS, or provide a clickable link to the CSS file (Drunk..

David Laakso
David Laakso's picture
Offline
Enthusiast
US
Last seen: 13 years 14 weeks ago
US
Joined: 2008-07-18
Posts: 265
Points: 0

Ed Seedhouse wrote:To start

Ed Seedhouse wrote:

To start with, your very first line above puts IE into "quirks" mode where it doesn't even try to follow standards.

FWIW, let's try to clear up a misconception and myth.

An xml declaration above the doctype does not put Internet Explorer in quirksmode.

An xml declaration above the doctype does put some versions of Internet Explorer in quirksmode.

Anything above the doctype, followed by an xml declaration above the doctype, puts Internet Explorer 7.0 in quirksmode, and lessor versions of Windows Internet Explorer follow suit.

It gets, much, much more complicated, including that some authors (myself among them) frequently employ putting some versions of Internet Explorer in "quirks" on purpose for valid and good reason, and will continue to do so until such time as they no longer exist.

This, is not to say, that an xml declaration above the doctype is necessarily always a wise choice, either. Weigh the pros. Weigh the cons. Make a deliberate decision backed by fact and on screen performance.

Name of the game, in my book, is not to make blanket statements, about most anything-- including Internet Explorer.

pjk
Offline
newbie
Last seen: 13 years 18 weeks ago
Joined: 2008-06-11
Posts: 9
Points: 0

The problem was simply from

The problem was simply from a title being too long, causing a shift in tables. No problems now. Thanks though.

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 6 years 46 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

Has the original post been

Has the original post been edited? if so may I know why; because as things stand the whole thread reads rather oddly.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me