Create a VM from DMG disk image created from Windows XP Boot Camp Partition

Question

I have been working on my business website, over the past week, and yesterday i got into a problem, that i can not find a solution for.

http://multisupport.dk/

As you can see, the left border is difference than the right border, i basicly want the borders, to look the same in both sides ( left & right ).

I have tried everything that i possibly could think of, i have tried to give paddings on the right side, to "check" if the border was hiding behind another container.

I also tried to make border, on all content containers, but that didn't work either.

A wiseman once said, a picture says more than a 1000 words, so here is a picture that explains pretty good what i would apreciate, to get some help with :)

Solution

Okay, so, first off: mount your .DMG image as a volume. You can do this by just double-clicking the image. The Finder window should come up with the image contents.

You can then make a virtual disk from the mounted image by following this guide. If you're having a hard figuring out the device path (like /dev/disk1) then you can simply open Disk Utility once the image is mounted. If you right-click on the .DMG (shown on the left-hand side), you can go to "Information" and it should have the disk number ("disk1", for example.)

From there, following the guide (and assuming "disk1"), do:

/Library/Application Support/VMware Fusion/vmware-rawdiskCreator print /dev/disk1
# Here you make sure partition 1 is the one you want...
/Library/Application Support/VMware Fusion/vmware-rawdiskCreator create /dev/disk1 1 boot-camp-link ide
/Library/Application Support/VMware Fusion/vmware-vdiskmanager -r boot-camp-link.vmdk -t 0 boot-camp.vmdk

Now you should wind up with a "boot-camp.vmdk" that you can use as a disk in a Fusion VM.

Comments

[Peter Girnus]

your code would be helpful :)

[divy3993]

Actually having a look to your link(site), looks fine, no issues there.

[Woltzor]

Thanks for the answer, however, changing the width to 1198px doesn't change the border, it stil looks differently on the right side, compared to left side. What the purpose of the outer container was, is to function as a 'wrapper' If you have a suggestion how to do that better, than what i have done, i would really apreciate the help :)

[pingul]

You have to change the width specifically to the outer div. <div class="container" style="width: 1198px"> for the inner div works on my browsers.

[pingul]

The other possibility is to just simply one of the container, as it is redundant I would say.

[Woltzor]

Fixing the width in the div, fixed the problem as you said, thanks alot , if u write an answer, ill give you credit :)

[pingul]

I have described the reason in my answer. We have different widths, but that is because of the bootstrap @media queries (e.i. they define a container width for 3 different sizes: small, medium, and large devices)

[wazz]

good. from bootstrap's site: "Containers: Bootstrap requires a containing element to wrap site contents and house our grid system. You may choose one of two containers to use in your projects. Note that, due to padding and more, neither container is nestable."